61

我正在编写一个 Chrome 内容脚本扩展，我需要能够定位一个特定元素，不幸的是，除了它的父元素之外没有唯一标识符。

我需要定位parentElement. console.log(parentElement)完美地报告两个子元素/节点，但是undefined无论我做什么，后续的控制台日志（以 childNodes 为目标的日志）总是返回一个值。

这是我到目前为止的代码
（我已经排除了实际名称以避免混淆和额外的、不必要的解释）

function injectCode() {

    var parentElement = document.getElementsByClassName("uniqueClassName");

    if (parentElement && parentElement.innerHTML != "") {

        console.log(parentElement);
        console.log(parentElement.firstElementChild);
        console.log(parentElement.firstChild);
        console.log(parentElement.childNodes);
        console.log(parentElement.childNodes[0]);
        console.log(parentElement.childNodes[1]);

    } else {

        setTimeout(injectCode, 250);
    }   
}

如何选择第一个子元素/节点parentElement？

在此处输入图像描述

更新：
parentElement.children[0]也有同样的错误parentElement.childNodes[0]。

4

1 回答 1

123

这两个都会给你第一个子节点：

console.log(parentElement.firstChild); // or
console.log(parentElement.childNodes[0]);

如果您需要作为元素节点的第一个子节点，请使用：

console.log(parentElement.children[0]);

编辑

啊，我现在看到你的问题了；parentElement是一个数组。

如果您知道getElementsByClassName只会返回一个结果，您似乎会这样做，那么您应该使用[0]来解除（是的，我编造了这个词）元素：

var parentElement = document.getElementsByClassName("uniqueClassName")[0];
于 2012-05-06T22:04:42.117 回答