<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,height=device-height, initial-scale=10, maximum-scale=10, user-scalable=0, shrink-to-fit=no">
<title>Title</title>
</head>
<body>
<div id="container">
<div id="id_1">textContent_1</div>
<div id="id_2">textContent_2</div>
<div id="id_3">textContent_3</div>
<div id="id_4">textContent_4</div>
<div id="id_5">textContent_5</div>
<div id="id_6">textContent_6</div>
<div id="id_7">textContent_7</div>
<div id="id_8">textContent_8</div>
<div id="id_9">textContent_9</div>
<div id="id_10">textContent_10</div>
<div id="no_1">textContent_no_event_call</div>
<div id="no_2">textContent_no_event_call</div>
<div id="no_3">textContent_no_event_call</div>
<div id="no_4">textContent_no_event_call</div>
<div id="no_5">textContent_no_event_call</div>
</div>
<script type="text/javascript">
//采用代理方式处理
var divs = documentquerySelectorAll("div[id^='id_']");
var ids = Arrayprototypeslicecall(divs)map(function (div) {
return divid;
});
documentquerySelector('#container')addEventListener('click', function (e) {
if (idsindexOf(etargetid) > -1) {
alert(etargettextContent);
}
}, false);
</script>
</body>
</html>
貌似不行哦，id是唯一的主键 就像你的身份z一样，没有人和你的相同
你可以用class 或者其他的任何属性来代替id
比如
<div class="a" ></div>
<div class="a" ></div>
<div calss="a" ></div>
//这里获取的是所有div的一个集合
var div_obj = documentgetElementsByTagName("div")
如果值针对class为a的进行 *** 作
再加上这个
for(var i=0;i<div_objlength;i++){
if(div_objitem(i)className=="a"){
//这个时候你就相当于是对class为a的div进行了 *** 作
}
}
最后更好的方法是去看看jqeury那样取值更方便
$("a")这就是取得所有class为 a的对象集合
希望能帮到你
js中如何获取一个id的值：
方法一、
<html>
<head>
<script
language="javascript">
function
print(){
var
a=myformnamevalue;
alert(a);
}
</script>
</head>
<body>
<form
name="myform">
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
方法二、
Java代码
<html>
<head>
<script
language="javascript">
function
print(){
var
a=documentgetElementById("nn")value;
alert(a);
}
</script>
</head>
<body>
<form>
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值，一个是用表单名，一个是用元素id
\x0d\\x0d\function loadmusic(o){\x0d\ alert('name='+oname+' / id='+oid);\x0d\}\x0d\\x0d\这个方法最简单,把当前对象做为参数传进去\x0d\或者不用参数伟递,也可以用event对象的srcElement属性得到触发事件的对象(在FireFox浏览器中需要用target属性),这个方法需要考虑浏览器兼容性,但也可以实现
通过函数参数this，将自身传递给函数。从而获取对象的name与id属性。具体代码如下：
<script language=javascript>
function temp(get_obj)
{
alert(get_objname);
alert(get_objid);
}
</script>
<body>
<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>
<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>
<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>
</body>
测试可用。
以上就是关于js/jquary 获取当前元素id全部的内容，包括:js/jquary 获取当前元素id、javascript 获取名称相同ID、js中如何获取一个id的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）