JavaScript 是一種強大的編程語言,具有很多功能。其中一個有用的功能是,能夠使用 JavaScript 修改外聯 CSS 文件中的元素樣式。我們可以使用以下代碼片段來修改 CSS 文件中指定元素的顏色:
var pElements = document.getElementsByTagName("p"); for (var i = 0; i< pElements.length; i++) { pElements[i].style.color = "red"; }
以上代碼段的解釋:
第一行代碼使用getElementsByTagName
函數選取了所有的p
元素,并將它們存儲在名為pElements
的數組中。
第二行代碼使用循環遍歷pElements
數組中的所有元素。對于每一個元素,我們可以通過style
屬性來修改它的樣式。在本例中,我們修改了每一個p
元素的顏色為紅色。
我們也可以在 CSS 文件中定義一個 class ,并通過 JavaScript 在運行時將其加入到一個元素中。在接下來的例子中,假設 CSS 文件定義了一個名為error
的 class ,我們可以使用以下代碼將其應用于特定的 HTML 元素:
var element = document.getElementById("myElement"); element.classList.add("error");
以上代碼段的解釋:
第一行代碼使用getElementById
函數選取了 ID 為myElement
的元素,并將其存儲在element
變量中。 注意,在 CSS 中定義了.error
類,它是在classList
屬性調用中用作參數的。
第二行代碼使用classList.add
函數將error
類應用于選定元素。