nodeName，tagName
- 元素節(jié)點(diǎn)，nodeName屬性和tagName屬性返回相同的值
- 文本節(jié)點(diǎn)，nodeName屬性會(huì)返回"#text"，而tagName屬性會(huì)返回undefined.
<body>
<div id="div1">hello</div>
<input type="text" id="text1">
</body>
<script>
var div1 = document.getElementById("div1");
var text1 = document.getElementById("text1");
if (div1.nodeType == 1 && text1.nodeType == 1) {
/*元素節(jié)點(diǎn)*/
console.log("div1 nodeName:", div1.nodeName);
console.log("text1 nodeName:", text1.nodeName);
console.log("div1 tagName:", div1.tagName);
console.log("text1 tagName:", text1.tagName);
/*文本節(jié)點(diǎn)*/
console.log("div1 nodeName:", div1.firstChild.nodeName); // div1.childNodes[0].nodeValue
console.log("div1 tagName:", div1.firstChild.tagName);
}
</script>
結(jié)果：
區(qū)別
tagName只能在元素標(biāo)簽上使用
nodeName則可以在所有的節(jié)點(diǎn)上使用
在不同節(jié)點(diǎn)上nodeName的值
