立即获得第一个子元素

Question

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

我需要定位parentElement的直接第一个子元素。 console.log(parentElement)完美地报告了两个子元素/节点，但是无论我做什么，后续的控制台日志（针对childNode的日志）总是返回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]来对元素进行反序列化（是的，我把这个词弄清楚了）：

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