javascript - 如何在 Javascript 中识别节点列表中的标签？

Question

当我的 HTML 看起来像这样时:

<div id="aa1"><h1>aaaa</h1><h2 class="center">bbbb</h2></div>

我的 JavaScript 看起来像这样:

var list= document.getElementById("aa1").childNodes;

我得到一个如下所示的节点列表:

list= NodeList[h1,h2.center]

但是，如果我的 HTML 看起来像这样:

<div id="aa1"><h3>cccc</h3><h1>aaaa</h1><h2 class="center">bbbb</h2></div>

我得到一个如下所示的节点列表:

list= NodeList[h3,h1,h2.center]

所以，我想做这样的事情:

if(list[0]==="<h3>"){console.log("yes, list[0] = <h3>");}

但这不起作用。

如何获取节点列表中每个标签的标识？

Answer 1

使用.nodeName属性。

if(list[0].nodeName==="H3"){console.log("yes, list[0] = <h3>");}

在一些罕见的边缘情况下，名称可能会返回小写，因此为了额外的安全性，您可以在 .nodeName 之后添加 .toUpperCase()。

---

此外，虽然您没有要处理的文本节点，但如果有的话，您可以使用 .children 而不是 .childNodes。