如何将 class 应用于在 p5.js 中创建的 P 标签？

Question

我正在使用 p5.js 生成一个元素。

如何将 basic_font class 应用到此 p 元素？

*.js (p5.js)

createElement('p', "Number of columns:").parent(div);

*.css

.basic_font {
    color: white;
    font-size: larger;
    font-family: 'Lato', sans-serif;
    justify-content: center;
}

Answer 1

您可以使用 classList 将 class（在本例中为 basic_font）及其样式添加到您的元素。 parent 是父元素。

var el = document.createElement('p');
el.innerHTML = 'Number of Columns';
el.classList.add('basic_font');
parent.appendChild(el);

您还可以在 class 上使用 setAttribute。

el.setAttribute('class', 'basic_font');

~~另请记住，您向元素添加 innerHTML 的方式不正确。您必须单独指定它。~~

您提到您正在使用 p5.js，它似乎有一个 class() 方法来向创建的元素添加 classes。参见 https://p5js.org/reference/#/p5.Element。尝试按如下方式使用它：

createElement('p', "Number of columns:").parent(div).class('basic_font');

How can I apply a class to a P tag created in p5.js?