如题。
比如我有:
<div id="d1" class="d1>
<a href="#" target="_blank" linkId="link_1"></a>
<a href="#" target="_blank" linkId="link_2"></a>
<a href="#" target="_blank" linkId="link_3"></a>
</div>
我现在想用JS控制户点击link_1、link_2、link_3分别发生3个不同的事件,事件的代码又比较长,我该怎么获取【id】为【d1】下【a】标签里的【linkId】的属性值?
使ç¨JavaScriptè·åæ个å ç´ çå±æ§å¼å¯ä»¥ä½¿ç¨jQueryä¸çéæ©å¨+attr()æ¹æ³ã
å·¥å ·åæï¼ç¼è¾å¨ãæµè§å¨
1ãå®ç°çæè·¯æ¯å 使ç¨éæ©å¨éè¿idè·åå°è¿ä¸ªå ç´ ï¼ç¶å使ç¨attræ¹æ³è·åæ个å±æ§çå¼ï¼ä»£ç å¦ä¸ï¼
<div id="div1" class="test">2ãè¿è¡çç»ææ¯è·åå°äºclassçå¼testï¼å¦ä¸å¾ï¼
首先我要吐槽一下,你的div的class少了个引号...
然后可以两种方法实现,希望可以帮到你:
1. JS方法:
<script>2. Jquery方法:
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>我不是想遍历它,我是想把用户点击的哪个a标签里的linkId的值赋给一个参数,然后再判断这个参数的值来决定它的事件。
追答那就用Jquery吧,方便些:
<div id="d1" class="d1">不是很明白你具体想要什么,但是获取属性值可以用obj.getAttribute('属性名');
例如下面的:
<body>希望能够帮到你!
我不是想遍历它,我是想把用户点击的哪个a标签里的linkId的值赋给一个参数,然后再判断这个参数的值来决定它的事件。
追答如果用原生可以这样
不过你想快的话,可以用jquery,
1.JS方法:
<script>window.onload=function(){
var va = document.getElementById("d1").childNodes;
for(var i=0;i<va.length;i++){
if(va[i].nodeName.toLocaleUpperCase() == "A"){
alert("JS: "+va[i].attributes["linkId"].nodeValue);
}
}
};
</script>
2. Jquery方法:
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#d1 a").each(function(){
alert("Jquery: "+$(this).attr("linkId"));
});
});
</script>
【JS 获取HTML标签内的子节点的方法】
子节点的个数:
document.getElementById("id").childNodes.length
注意: 标签开/闭合算2个节点 第几个子几点:
document.getElementById("id").childNodes[n]
示例:
这里是 length-4 处,margin-left:20px
输出:length=8
实例:
<div id="page_kx" style="text-align: center;" class="tac"> <span class="fy2">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下一页</a> <a href="#">末页</a> </div> <script> var gor=document.getElementById("page_kx"); var gorL=Number(gor.childNodes.length)-4; gor.childNodes[gorL].style.margin="0 0 0 20px"; </script>
本回答被网友采纳