如何在HTML中使用CSS样式发布段落?

Question

我使用以下代码在单击按钮时打印一段:

document.querySelector('button')
.addEventListener('click', function() {
const p = document.createElement('p');
p.id    = "text";

const val = document.getElementById('forminput').value;
if (val.length) {
p.innerHTML = val;
document.querySelector('div').appendChild(p);
}
});

当段落发布时，我希望它保留与其他内容相同的CSS样式以及相同的onclick函数

样式和函数

正确的做法是什么?

Answer 1

如果你已经为你的p标签设置了一些样式，那么这将在你呈现新的p标签时自动应用。

否则，你可以创建一个自定义css类来保存你想要应用的样式，然后将这个classList添加到新呈现的p标签中，如下所示:

const p = document.createElement('p');
p.classList.add('your-class');