javascript - 使用 Javascript 在特定的 div 元素内追加一个元素

Question

我知道如何将一个元素追加到另一个元素中，但我该如何指定我想将它追加到哪个类？

例如:

<div class="main" id="11">
  <div class="somethingelse>
       <div class="moreThings">
         /*How to append to this class?*/
      </div>
      <div class="extraThings">

      </div>
  </div>
</div>

我的是这样的:

 var x = document.createElement("IMG");
 x.setAttribute("src", "../truck.png");
 document.getElementById(order_id).appendChild(x);
 document.getElementById("btn_transport_"+order_id).style.display = "none";

可能有数百个同名的类，这就是为什么我需要通过 id 来定义它们。

目前我将 img 附加到所有其他 div 下，但我想将它附加到“morethings”中。我该怎么做？

Answer 1

你可以这样做:

document.getElementById(order_id).getElementsByClassName("moreThings")[0].appendChild(x);

确保 getElementsByClassName("moreThings") 至少返回一个元素。

您可以从 HERE 中找到有关 getElementsByClassName(...) 的更多信息.它的要点是:

Returns an array-like object of all child elements which have all of the given class names