
1JS方法:
<script>windowonload=function(){
var va = documentgetElementById("d1")childNodes;
for(var i=0;i<valength;i++){
if(va[i]nodeNametoLocaleUpperCase() == "A"){
alert("JS: "+va[i]attributes["linkId"]nodeValue);
}
}
};
</script>
2 Jquery方法:
<script src="jquery-191minjs" type="text/javascript"></script>
<script>
$(document)ready(function(){
$("#d1 a")each(function(){
alert("Jquery: "+$(this)attr("linkId"));
});
});
</script>
JS 获取HTML标签内的子节点的方法
子节点的个数:
documentgetElementById("id")childNodeslength
注意: 标签开/闭合算2个节点 第几个子几点:
documentgetElementById("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=documentgetElementById("page_kx"); var gorL=Number(gorchildNodeslength)-4; gorchildNodes[gorL]stylemargin="0 0 0 20px"; </script>
思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:
1、HTML结构
<ul id="test"><li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>
2、javascript代码
windowonload = function(){var obj_lis = documentgetElementById("test")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
3、效果演示
从js里面获取HTML 的input标签中的内容分两种:
1、获取input标签的值,方法:
根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>
js中获取方法:$("#name")val();
2、获取input标签的属性内容,方法:
如有:<input type='text' id='name' value=123 ind='1'>
要获取ind的值,方法:
$("#name")attr("ind");
分享
以上就是关于html JS中如何获取某ID下的某个标签的某个属性值全部的内容,包括:html JS中如何获取某ID下的某个标签的某个属性值、js如何获取点击<li>标签里的值、JS 怎样获取 script标签中的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)