时间戳

首页 > 解决方案 > Javascript如何将元素附加到具有特定类的div

javascript - Javascript如何将元素附加到具有特定类的div

问题描述

我有一些<div>我想将一些数据附加到具有特定类的子 div 的地方，但我不知道该怎么做：

这是我的 JS 代码：

let items = document.querySelectorAll(".item");
items.forEach(function (item) {

  let textnode = document.createElement('p');
  textnode.innerHTML = 'some text';
  item.appendChild(textnode);
});

这实际上有效，但它仅将“textnode”元素附加到现有元素。

当我尝试：

document.getElementsByClassName('left').appendChild(textnode);

它不起作用。

这是一个JSFIDDLE

编辑

我想将数据附加到.left元素

标签： javascript

解决方案

getElementsByClassName返回多个元素。类名不是唯一的。因此，您首先需要在该列表中选择一个元素。

var textnode = document.createTextNode("Test");
var node = document.getElementsByClassName('left');
node[0].appendChild(textnode);
<div class="left"></div>

推荐阅读