问题描述
我正在撰写Chrome内容脚本扩展程序，我需要能够定位一个特定的元素，不幸的是，除了它的父元素之外没有唯一的标识符。
I'm writing a Chrome content script extension and I need to be able to target a specific element that, unfortunately, has no unique identifiers except its parent element.
我需要定位 parentElement 的第一个子元素。 console.log（parentElement）完全报告子元素/节点，但后续的控制台日志（针对childNodes的日志）始终返回未定义值，无论我做什么。
I need to target the immediate first child element of parentElement. console.log(parentElement) reports both of the child elements/nodes perfectly, but the succeeding console logs (the ones that target the childNodes) always return an undefined value no matter what I do.
这是我的代码到目前为止
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 ？
How do I select the first child element/node of parentElement?
更新：
parentElement.children [0] 也有与 parentElement.childNodes [0] 相同的错误。
Update:parentElement.children[0] also has the same error as parentElement.childNodes[0].
推荐答案
这两个都将给你第一个孩子节点：
Both these will give you the first child node:
console.log(parentElement.firstChild); // or
console.log(parentElement.childNodes[0]);
如果您需要作为元素节点的第一个子节点，请使用：
If you need the first child that is an element node then use:
console.log(parentElement.children[0]);
修改
啊，我现在看到你的问题了 parentElement 是一个数组。
Ah, I see your problem now; parentElement is an array.
如果您知道只会返回一个结果，这似乎是你所做的，你应该使用 [0] 来解码（是的，我写了这个单词）元素： p>
If you know that getElementsByClassName will only return one result, which it seems you do, you should use [0] to dearray (yes, I made that word up) the element:
var parentElement = document.getElementsByClassName("uniqueClassName")[0];
这篇关于立即获取第一个子元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！