為什么不能通過 JavaScript 在“樣式”屬性中插入分號？

Question

我試圖用 JavaScript 更改body的背景顏色並觀察到以下內容不起作用：

document.body.style.background = "#000;"

但如果我省略分號，那么它的工作原理：

document.body.style.background = "#000"

為什么會這樣？ 不是#000; 還是一個字符串？

Answer 1

; 不是價值的一部分。 這是一個樣式分隔符。

selector {
    styleName: styleValue;
    /* Separator --------^----- */
}

從規范：

規則集（也稱為“規則”）由一個選擇器和一個聲明塊組成。

聲明塊以左花括號 ( { ) 開頭，以匹配的右花括號 ( } ) 結尾。 中間必須有零個或多個分號分隔( ; ) 聲明的列表。

你的第二個例子（沒有; ）是正確的。 您的第一個示例無法設置樣式，因為值#000; 無效，所以瀏覽器會忽略它。

Answer 2

因為當您將背景樣式設置為#000 ，它會輸出background: #000 。 這不是一個正確的 CSS 規則。