Linux 拨号vps windows公众号手机端

JS中如何定义span的style属性

lewis 8年前 (2017-10-11) 阅读数 9 #程序编程
文章标签 js

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

  1. 使用setAttribute方法:
var span = document.createElement("span");
span.setAttribute("style", "color: red; font-size: 16px;");
  1. 直接设置style属性:
var span = document.createElement("span");
span.style.color = "red";
span.style.fontSize = "16px";
  1. 使用classList.add方法添加样式类:
var span = document.createElement("span");
span.classList.add("red-text");

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

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

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

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门