我正在编写一个 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]
有同样的错误。
最佳答案
这两个都会给你第一个子节点:
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];
关于javascript - 立即获取第一个子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10474676/