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

Question

我正在元素中创建一个元素以进行测试：

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

但是，我收到错误：

undefined 不是构造函数(评估 'document.getElementsByClassName("item"(.appendChild("div"('

谁能帮忙？

附言感谢所有反馈！

Answer 1

在2018年秋季，更灵活的做法是使用HTML元素的classList属性

element.classList.add('item');

如果我理解你的逻辑正确，最终代码将是下一个：

const item = document.createElement('div');
item.classList.add('item');
const content = document.createElement('div');
content.classList.add('content');
item.appendChild(content);

Answer 2

这相当容易。className是一个属性

item.className = "item";

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";