js中nodeName nodeType nodeValue的用法和区别
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function test(){
//nodeName nodeType nodeValue
//元素节点 nodeName 标签名 nodeType 1 nodeValue null
//属性节点 nodeName 属性名 nodeType 2 nodeValue 属性值
//文本节点 nodeName #text nodeType 3 nodeValue 文本的值
var div1=document.getElementById("div1");
// alert("nodoName--"+div1.nodeName);//DIV
// alert("nodoType--"+div1.nodeType);//1
// alert("nodoValue--"+div1.nodeValue);//null
var attrs=div1.attributes;//attributes属性节点的集合
alert(attrs[0]);//数组[object Attr]
alert("nodoName--"+attrs[0].nodeName);//id
alert("nodoType--"+attrs[0].nodeType);//2
alert("nodoValue--"+attrs[0].nodeValue);//div1
}
</script>
</head>
<body>
<div id="div1">aaaaaaaaaaaaa</div>
<input type="button" value="test" οnclick="test()" />
</body>
</html>