只要使用getAttribute("id")函数即可获取li元素的id值，下面我们一起实例操作一下吧
首先我们在html当中创建li标签
使用JS获取li元素对象，getElementsByTagName("li")
3.接着我们打印出这样的运行效果看一下：
4.使用JS获取li元素的ID值即可，getAttribute("id")
5.下面我们一起来看下运行效果
1.JS方法：
<script>window.onload=function(){
var va = document.getElementById("d1").childNodes
for(var i=0i<va.lengthi++){
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>
使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料：编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：
<div id="div1" class="test">
</div>
<script>
console.log($('#div1').attr('class'))
</script>
2、运行的结果是获取到了class的值test，如下图：
