HTML是網頁開發中必不可少的語言之一，而JS可以幫助我們設置HTML元素的屬性值。在編寫JS時，我們需要使用到HTML對象模型（DOM）。這個模型表示整個文檔，將文檔中的所有元素都視為對象，并且這些元素之間存在著層次結構。
<html> <head> <title>這是一個標題</title> </head> <body> <h1 id="title">這是一個大標題</h1> <p id="content">這是一段內容。</p> </body> </html>
在上面的代碼中，我們定義了一個標題和一段內容，他們分別擁有唯一的id。通過JS設置這些元素的屬性值非常簡單，只需要使用DOM中的屬性就可以了。
在上面的代碼中，我們使用了getElementById()方法獲取了指定id的元素對象，然后通過其style屬性，就可以修改它的屬性值了。我們可以使用屬性名來修改任何CSS屬性，如顏色、字體、寬度等等。
當然，在使用JS設置HTML元素屬性值時，我們需要注意以下幾點：
- JS修改的是HTML的屬性值，而不是CSS樣式。
- JS無法使用偽元素修改元素的樣式。
- 使用JS設置屬性值不會影響全局的樣式規則，僅影響當前元素。
- JS設置的屬性值具有較高的優先級，因此如果希望在全局中生效，需要在樣式表中顯式的聲明。
總之，JS可以很好地手動控制HTML元素屬性值。無論是在網頁布局還是交互中，使用JS設置屬性值都是非常有用的方式。
上一篇go語言結構體json
下一篇vue app 服務器