Javascript 创建附加集内部html并在一行中给元素一个类?

Javascript 创建附加集内部html并在一行中给元素一个类?,javascript,html,dom,Javascript,Html,Dom,我正试图用香草javascript来实现这一点,但我不明白为什么这在循环中不起作用 我试图做的是创建一个段落元素,将其附加到文档中,给它一个类,并将一些文本作为内部html插入一行,而不将任何部分设置为变量。这可能吗 document.body.appendChild(document.createElement('p')).className = "test".innerHTML = "some text"; 这行代码将采用innerHTML中的内容,

我正试图用香草javascript来实现这一点,但我不明白为什么这在循环中不起作用

我试图做的是创建一个段落元素,将其附加到文档中,给它一个类,并将一些文本作为内部html插入一行,而不将任何部分设置为变量。这可能吗

document.body.appendChild(document.createElement('p')).className = "test".innerHTML = "some text";
这行代码将采用innerHTML中的内容,并将其设置为元素的类名。为什么会发生这种情况?我很困惑。

你可以使用


document.body.append(Object.assign(document.createElement('p'),{classList:'test],innerHTML:'sometext}))您想使用一行的任何特殊原因?因为它比仅仅创建一个返回元素的方法并调用该方法更难读取。因为这是程序唯一一次创建这些元素。它们也是使用循环创建的,循环通过一个数组,并为每个元素提供它们的类和innerHTML文本。始终尝试编程,就像其他人应该阅读代码一样。我的意思是,你写代码的方式可能是它不起作用的一个原因,因为你看不出你做错了什么。