nodeName 只读属性以字符串的形式返回当前节点的名称。
如果节点是元素节点,则nodeName属性将以大写形式返回标记名称。
如果节点是属性节点,则nodeName属性将返回属性的名称。
对于其他节点类型,nodeName属性将为不同的节点类型返回不同的名称。
注意:您还可以使用tagName属性返回元素的标签名称。区别在于tagName仅返回标记名称,而nodeName返回所有节点的名称(标记,属性,文本,注释)。
node.nodeName
var x = document.getElementById("myPara").nodeName;测试看看‹/›
所有浏览器完全支持nodeName属性:
属性 | |||||
nodeName | 是 | 是 | 是 | 是 | 是 |
返回值: | 表示节点名称的字符串。 可能的值:
|
---|---|
DOM版本: | DOM级别1 |
返回BODY元素的子节点的节点名称:
var x = document.body.childNodes; var txt = ""; for (let i = 0; i < x.length; i++) { txt += x[i].nodeName + "<br>"; } document.getElementById("para").innerHTML = txt;测试看看‹/›
返回div的第一个子节点的节点名称,节点类型和节点值:
<div id="div-1">这是一个div元素。</div> <script> var x = document.getElementById("div-1").firstChild; var txt = ""; txt += "节点名称: " + x.nodeName + "<br>"; txt += "节点值: " + x.nodeValue + "<br>"; txt += "节点类型: " + x.nodeType; document.getElementById("para").innerHTML = txt; </script>测试看看‹/›
HTML DOM参考:node .childNodes属性
HTML DOM参考:node .firstChild属性
HTML DOM参考:node .lastChild属性
HTML DOM参考:node .parentNode属性
HTML DOM参考:node .previousSibling属性
HTML DOM参考:node .nextSibling属性