本文目錄導(dǎo)讀：

1. 直接修改HTML標(biāo)簽
2. 使用JavaScript修改樣式
3. 使用CSS類

如何改變CSS行內(nèi)樣式表

CSS行內(nèi)樣式表是HTML元素的一種屬性，它可以在HTML標(biāo)簽內(nèi)部直接定義樣式，有時(shí)候我們可能需要改變已經(jīng)定義好的CSS行內(nèi)樣式表，怎么改變CSS行內(nèi)樣式表呢？

直接修改HTML標(biāo)簽

***簡(jiǎn)單直接的方法是直接修改HTML標(biāo)簽內(nèi)部的樣式屬性，如果你有一個(gè)<div>標(biāo)簽，你可以通過修改style屬性來(lái)改變它的樣式：

<div style="color: red;">這是一段紅色的文字</div>

上面的代碼會(huì)將文字顏色設(shè)置為紅色，如果你想要改變顏色，可以直接修改style屬性中的顏色值：

<div style="color: blue;">這是一段藍(lán)色的文字</div>

使用JavaScript修改樣式

除了直接修改HTML標(biāo)簽外，還可以使用JavaScript來(lái)動(dòng)態(tài)修改樣式，你可以使用document.getElementById()方法來(lái)獲取HTML元素，然后修改它的style屬性：

var element = document.getElementById('myElement');
element.style.color = 'blue';

上面的代碼會(huì)將ID為myElement的HTML元素的文字顏色設(shè)置為藍(lán)色，這種方法的好處是可以在運(yùn)行時(shí)根據(jù)需要?jiǎng)討B(tài)改變樣式。

使用CSS類

另一種方法是使用CSS類來(lái)定義樣式，然后通過JavaScript來(lái)動(dòng)態(tài)改變類，你可以定義一個(gè)CSS類：

.myClass {
  color: red;
}

在HTML標(biāo)簽中使用這個(gè)類：

<div class="myClass">這是一段紅色的文字</div>

使用JavaScript來(lái)移除或添加這個(gè)類：

var element = document.getElementById('myElement');
element.classList.remove('myClass'); // 移除類
element.classList.add('myClass'); // 添加類

通過移除或添加類，你可以動(dòng)態(tài)改變?cè)氐臉邮?，這種方法的好處是可以在多個(gè)元素之間重復(fù)使用相同的樣式定義。