JavaScript 可以動態建立 CSS 類別並將其套用到 HTML 元素和伺服器端控制項嗎？

JavaScript 中的動態CSS 類別建立與應用

問題：

是否可以在🎜>問題：

是否可以在JavaScript中動態產生CSS類別並將其指派給各種HTML元素和伺服器端控制項？

答案：

是的，可以使用以下方法：

動態CSS 類創建：

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '.cssClass { color: #f00; }';

要動態建立CSS 類，可以使用createElement()方法建立一個元素，將其類型設為“text/css”，並將所需的CSS 規則注入其insideHTML：

HTML 元素的類別分配：

document.getElementsByTagName('head')[0].appendChild(style);

document.getElementById('someElementId').className = 'cssClass';

一次CSS 類別已創建，您可以將其附加到

中元素，然後使用className屬性將類名稱分配給所需的HTML 元素：

<div>

HTML:

輸出：

此程式碼將名為「cssClass」的CSS 類別新增至具有id 的div元素'someElementId'，它賦予它紅色文字顏色。

注意：此方法也可用於將類別指派給 ASP.NET 等框架中的伺服器端控制項。

以上是JavaScript 可以動態建立 CSS 類別並將其套用到 HTML 元素和伺服器端控制項嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！