установить текст с помощью innerHTMl для относительного идентификатора

Question

Мне нужно установить текст innerHtml для относительных элементов, используя идентификатор (spanid_comment)

Ниже мой HTMl

<div id="edit-comment-form_1">
   <p>dfdfdfdfdf</p>
   <p id="spanid_comment" ></p>
</div>

Ниже приведен Javascript, который я пробовал

 document.getElementById("#edit-comment-form_1 #spanid_comment").innerHTML = "boss";

Answer 1

То, что вы хотите, работает только с .querySelector() (или .querySelectorAll(), если вы знаете, что у вас будет несколько).

document.querySelector("#edit-comment-form_1 #spanid_comment").innerHTML = "boss";

<div id="edit-comment-form_1">
  <p>dfdfdfdfdf</p>
  <p id="spanid_comment"></p>
</div>

Answer 2

Вы можете проверить этот ответ

var selectedPageHtml = document.getElementById("edit-comment-form_1");
selectedPageHtml.querySelector("#spanid_comment").innerHTML = "boss";

Answer 3

document.querySelector("#edit-comment-form_1 #spanid_comment").innerHTML = "boss";