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

如题所述

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function kk(total){
for(i=1;i<=total;i++){
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给元素定义宽和高,当然了还有很多用途,我只是举个例子好分析。希望我的回答对你有帮助。
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-09-02
在html里面设置这三个元素的id属性值为:
id=“a1”
id="a2"
id="a3"
在js中循环:
for(var i=1;i<4;i++){
document.getElementById("a"+i);//获取元素
}
第2个回答  2011-09-02
如果同时法,要进行哪些操作,说清楚啊,不然不好下手的追问

就是说有没有GetElementByClass这么个意思的用法的?

JS如何同时获取3个HTML元素进行相同操作
你好,可以通过调用该元素的ID还进行操作。我写了个小例子。<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>无标题文档<\/title> <script language="javascript"> function kk(total){ for(i=1;i<=...

js中获取HTML中多个name相同的文本框的值
用document.getElementsByName("six_months_rate")[0].value取得第一个name 为six_months_rate的文本框。用document.getElementsByName("six_months_rate")[1].value取得第二个name 为six_months_rate的文本框。以此类推

javascript.中。如何给多个元素添加同一个JS事件
\/\/获取所有的div for(var i = 0; i<divs.length; i++) {\/\/循环让每个div都有效果 divs[i].onmouseover = function(){ this.style.opacity = 0.5; } divs[i].onmouseout =function(){ this.style.opacity = 1; } }}<\/script><\/body><\/html> ...

js 怎么循环获得很多 name 相同的input 的ID 值?
putArr=document.getElementsByName("input的名称");for(var i=0;i<inputArr.length;i++){alert(inputArr[i].id);}

在js中,现在有几个变量,想要这些变量都赋成同一个值,
可以把class设置成相同, 即<span class="xxx">, 然后用document.getElementsByClassName得到一个某class的数组 或者, 可以把id设置成形如sp1, sp2, ... sp99的形式, 用for (var i =1; i <= 99; ++i) { document.getElementById('sp' + i) }的方式遍历多个元素 ...

js:如何将三个不同按钮出现同一个dialog却显示不同的按钮对应的三张图片...
}<\/script><\/head><body><button text="图片1" onclick="showimg(1)" \/><button text="图片2" onclick="showimg(2)" \/><button text="图片3" onclick="showimg(3)" \/><div><img id="dialogimg" src=""><\/div><\/body><\/html>上面的就可以实现点击按钮显示不同的图片了,你也...

javascript获取元素(javascript中获取元素的方法有哪些)
1、创建一个test.html文件。2、在文件内,在div标签内,使用p标签创建一行文字,同时创建一个button按钮,用于触发执行js函数。3、在js标签内,创建拆基函数,在函数内,使用getElementById()方法通过id(mydiv)获是div对象,再使用getElementsByTagName()方法获得div下面的p元素对象,最后,使用alert()...

HTML5 js如何获取所有相同ID或class的元素?
下面例子通过document.getElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:运行结果,打印数组如下:

js getelementbyid可以1次获得N个ID吗
这个只能获取一个,因为ID在HTML页面里面是唯一的,也就是不能有同名的ID NAME到是可以相同的 不过要通过getElementsByName 来获取,这个得到的是一个数组

JS中document获取元素
1. 通过id获取元素:通过元素的id属性可以定位并获取单个元素。例如:document.getElementById("elementId")。2. 通过标签名获取元素:使用标签名可以获取所有该类型标签的元素,返回值是一个数组。例如:document.getElementsByTagName("div")。3. 通过类名获取元素:类名同样可以获取所有拥有该类名的...

相似回答