JS中如何定义span的style属性 655Z技术栈

在JavaScript中，可以使用如下方式来定义span元素的style属性：

var span = document.createElement("span"); span.setAttribute("style", "color: red; font-size: 16px;");

var span = document.createElement("span"); span.style.color = "red"; span.style.fontSize = "16px";

var span = document.createElement("span"); span.classList.add("red-text");

在此例中，需要先在CSS中定义.red-text类的样式：

.red-text { color: red; font-size: 16px; }

注意：以上方式中，第一种方式可以直接设置任何CSS样式，但需要注意样式字符串的格式；第二种方式和第三种方式只能设置直接对应的style属性或样式类。

提供PHP及ThinkPHP框架的定制开发、代码优化，PHP修改、ThinkPHP修改。

邮箱：yvsm@163.com 微信：yvsm316 QQ：316430983

Tags：属性定义