溫馨提示×

JS中如何定義span的style屬性

js
小億
189
2023-11-13 13:20:49
欄目: 編程語言

在JavaScript中，可以使用如下方式來定義span元素的style屬性：

  1. 使用setAttribute方法：
var span = document.createElement("span");
span.setAttribute("style", "color: red; font-size: 16px;");
  1. 直接設(shè)置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;
}

注意：以上方式中，第一種方式可以直接設(shè)置任何CSS樣式，但需要注意樣式字符串的格式；第二種方式和第三種方式只能設(shè)置直接對應(yīng)的style屬性或樣式類。

0 踩