javascript - 我想在firstChild数组中找到特定元素

Question

我将所有 anchor 标记存储在“totalLinks”中

var totalLinks = document.getElementsByTagName("a");
var listOfFirsChildOfAnchorTag = [];

这里我将所有第一个子元素存储在一个数组中

for(i=0;i<totalLinks.length;i++)
{
  currentFirsChildOfAnchorTag = totalLinks[i].firstChild;
  listOfFirsChildOfAnchorTag.push(currentFirsChildOfAnchorTag);
}

现在我想查找 span 元素是否是 anchor 标记的第一个子元素。如何从上面的数组中找到它。

如果您知道做同样事情的另一种方法，请提出建议。

Answer 1

由于 firstChild 也返回文本和注释，因此您应该首先使用 nodeType 检查它是否是一个元素。

totalLinks[i].firstChild.nodeType === 1

然后您将检查 tagName 是否为 "span"

totalLinks[i].firstChild.tagName.toLowerCase() === "span"

所以

if ( totalLinks[i].firstChild.nodeType === 1 &&
     totalLinks[i].firstChild.tagName.toLowerCase() === "span"
   ) {
   // ...
}

您还可以获取 anchor 的所有直接子级，即跨度和第一个子级

var listOfFirsChildOfAnchorTag = document.querySelectorAll('a > span:first-child')