CSS是網頁設計中的重要技術,主要用來控制網頁的樣式和布局。其中,id選擇器是CSS中最常用的選擇器之一,用來對單個元素進行唯一的樣式控制,可以通過DOM來獲取和修改對應元素的屬性。
// 通過id選擇器獲取元素 var element = document.getElementById("example"); // 修改元素背景色樣式 element.style.backgroundColor = "red";
在HTML文檔中,使用id屬性來標識元素,為其指定唯一的名稱。在CSS樣式表中,使用#符號加上id名稱來定義對應元素的樣式。例如:
#example { font-size: 20px; color: blue; }
上述代碼定義了一個id為example的元素樣式,其中字體大小為20像素,文本顏色為藍色。
使用id選擇器時需要注意,一個HTML文檔中不應該有相同名稱的id,否則會導致DOM獲取元素時出現問題。此外,id選擇器只能應用于單個元素,不能用于多個元素的樣式控制。
在DOM中,可以通過getElementById()方法快速獲取對應id的元素,之后就可以通過JavaScript代碼來修改該元素的樣式和屬性了。例如:
<div id="example"></div>