父元素的子元素innerText

Question

我试图更改具有动态ID的父级的特定子元素的innerText（它从检索到的数据中分配了ID号）。我认为以下内容可行：

var childElement = document.querySelectorAll('#' + serverResponse[0].id + ' .childElementClass');
childElement.innerText = "changed";

当我尝试这个时，它并没有给我一个错误，它没有改变任何东西，我想我可能会误解.querySelectorAll究竟做了什么。我该怎么做？谢谢！

Answer 1

document.querySelectorAll实际上会返回NodeList。如果您知道只有一个元素，请使用document.querySelector返回与查询匹配的第一个实际元素。

var childElement = document.querySelector('#' + serverResponse[0].id + ' .childElementClass');
childElement.innerText = "changed";