JavaScript中可以使用document對象的getElementById函數來獲取HTML元素中的ID屬性對應的CSS樣式。
//獲取id名為"mydiv"的元素 var myDiv = document.getElementById("mydiv"); //獲取myDiv元素的CSS樣式 var myDivStyle = window.getComputedStyle ? getComputedStyle(myDiv, null) : myDiv.currentStyle;
通過上述代碼,就可以獲取到指定id的元素的CSS樣式,包括寬度、高度、顏色、邊框等等。接下來就可以通過修改CSS樣式來改變HTML元素的表現。
需要注意的是,JavaScript代碼必須放在HTML文檔中,否則無法獲取到頁面中的HTML元素。
//HTML代碼 <div id="mydiv">我是一個div元素</div> //JavaScript代碼 var myDiv = document.getElementById("mydiv"); myDiv.style.width = "200px"; myDiv.style.height = "200px"; myDiv.style.backgroundColor = "red";
上述代碼將myDiv元素的寬度和高度都改為200px,并將背景顏色改為紅色。