在PhantomJS中创建具有类名的嵌套元素

Question

我正在出于测试目的而在一个元素内创建一个元素：

const item = document.createElement("div");
// item.className("item");
item.className = "item";
const content = document.getElementsByClassName("item").appendChild("div");
content.className = "content";

但是，我得到了错误：

  

未定义不是构造函数（评估'document.getElementsByClassName（“ item”）。appendChild（“ div”）'

有人可以帮忙吗？

P.S。感谢您的所有反馈！

Answer 1

这很容易。 className是财产

item.className = "item";

Answer 2

在2018年秋季，更灵活的做法是使用HTML元素的SELECT column, COUNT(*) FROM mytable GROUP BY column_name 属性

COUNT(*)

如果我理解您的逻辑正确，那么下一个代码将是下一个：

classList

Answer 3

您可能希望使用classList而不是className，因为稍后将删除此元素的所有其他类。

第二，document.getElementsByClassName("item").appendChild("div");将不起作用，因为document.getElementsByClassName返回了一个节点列表。您需要获取索引以添加元素

const item = document.createElement("div");
item.classList.add("item");
const content = document.getElementsByClassName("item")[0].appendChild("div");
content.className = "content";