дочерний элемент innerText от родителя с id

Question

Я пытаюсь изменить внутренний текст дочернего элемента родителя, у которого есть динамический идентификатор (ему присваивается идентификационный номер из полученных данных). Я думал, что следующий будет работать:

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";