时间戳

首页 > 解决方案 > 如何向类添加元素（通过 JavaScript）？

javascript - 如何向类添加元素（通过 JavaScript）？

问题描述

假设我想将一个新创建的段落（使用 document.createElement("p")）添加到我的一个 html 文件中的现有 div（类名为“container”）中。有没有办法通过调用一些方法来做到这一点？

由于有一个getElementById()方法，我想我也会使用一个getElementByClassName()方法，但那不存在；存在的是getElement s ByClassName()代替。我可以解决这个问题的一种方法是将我的 div 更改为具有 id 而不是类名，并使用getElementById()将段落添加到 div 中，但我想知道是否有一些方法可以调用这将帮助我检索一个类元素（而不是类本身的元素）。

我试过在网上寻找这个，但我发现的是“如何向元素添加类名”的答案，这不是我想知道的。

标签： javascripthtml

解决方案

对于一个元素，这将在 DOM 顺序中选择第一个：

var p = document.createElement("p");   
p.innerHTML = "p element";                   
document.querySelector(".container").appendChild(p);
<div class="container">container</div>

对于选择类的所有元素：

[...document.querySelectorAll('.container')].forEach(el => {
var p = document.createElement("p");   
p.innerHTML = "p element"; 
el.appendChild(p);
})
<div class="container">container</div>
<div class="container">container2</div>

推荐阅读