您的位置：首页 > Web前端 > Node.js

js中nodeName nodeType nodeValue的用法和区别

2016-07-08 08:07 531 查看

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" onclick="test()" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航