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之下，但我想将其添加到＆＃34; morethings＆＃34;中。我该怎么做？

Answer 1

你可以这样做：

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

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

您可以从HERE了解有关getElementsByClassName(...)的更多信息。它的要点是：

返回具有所有给定类名
的所有子元素的类数组对象

Answer 2

您可以使用document.querySelector。它允许类似CSS的选择器。在你的情况下，它可能看起来像

$books = App\Book::with('author.contacts')->get();

使用Javascript在特定div的元素中附加元素

2 个答案: