javascript - 立即获取第一个子元素

Question

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

我需要定位 parentElement 的直接第一个子元素。 console.log(parentElement) 完美地报告了两个子元素/节点，但是后续的控制台日志(针对子节点的日志)总是返回一个 undefined 值，无论我做什么。

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

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]有同样的错误。

Answer 1

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

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

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

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

编辑

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

如果你知道 getElementsByClassName只会返回一个结果，你似乎会返回一个结果，你应该使用 [0] 来 dearray(是的，我编造了这个词)元素:

var parentElement = document.getElementsByClassName("uniqueClassName")[0];