使用innerHTMl将文本设置为相对ID

Question

我需要使用id（spanid_comment）将innerHtml文本设置为相对元素

下面是我的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

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

Answer 3

您可以查看此答案

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