JS如何同时获取3个HTML元素进行相同 *** 作

JS如何同时获取3个HTML元素进行相同 *** 作,第1张

你好,可以通过调用该元素的ID还进行 *** 作。我写了个小例子。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<script language="javascript">

function kk(total){

for(i=1i<=totali++){

document.getElementById("id"+i).style.width = '100px'

document.getElementById("id"+i).style.height = '100px'

}

}

</script>

</head>

<body onload="kk(3)">

<div id="id1" style="background:#999">dsfdsf</div>

<div id="id2" style="background:#F00"></div>

<div id="id3" style="background:#00C"></div>

</body>

</html>

上面就是通过JS调用DIV元素的ID给元素定义宽和高,当然了还有很多用途,我只是举个例子好分析。希望我的回答对你有帮助。

下面例子通过document.getElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:

运行结果,打印数组如下:

扩展资料:

js或jQuery获取html元素的值的常用方法:

例如:<div id="aa">值</div>

js写法:

alert(document.getElementById('aa').innerHTML)

jQuery写法:

alert($('#aa').html())

说明如下:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。

一般一个元素对应一个css,比如:

<h1>一个元素</h1>

h1{

color:red

}

如果多个元素,比如:

<h1>多个元素</h1>

h1{

color:red

}

h1{

color:blue

}

h1{

font-size:50px

}

那么这样的话,就有先来后到的顺序。第一个表示红色,第二个表示蓝色,第三个是字体大小。按照显示该文字应该是“蓝色+50像素大小”。红色的元素就被忽略了。

所以,html是可以有多个元素的,但会遵循先来后到的原则。希望能够帮到你,谢谢。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7104030.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存