html JS中如何获取某ID下的某个标签的某个属性值?

JavaScript015

html JS中如何获取某ID下的某个标签的某个属性值?,第1张

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> 

1、编写基础的HTML文档。

2、使用.val()获取值。

3、保存文件,查看属性选择器获取的值。

4、然后在script里添加一个function,按钮事件的函数。使用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为div添加一个id属性。

5、保存文件,查看.attr()就可以获取的属性值。

简单理解为一些不起眼但是超常用的方法,通过指定的规则作为参数来获取对象的方法;如

ID选择器:通过元素的id来获取对象的 js写法:document.getElementById

标签选择器:通过元素的标签名获取对象:js写法:document.getElementsByTagName

属性选择器: 通过元素的属性获取对象:js写法:document.getElementsByName(通过name属性)