DOM CSS

HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。

改變 HTML 樣式

如需改變 HTML 元素的樣式，請使用這個語法：

document.getElementById(id).style.property=新樣式

下面的例子會改變 <p> 元素的樣式：

實例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> </head> <body> <p id="p1">Hello World!</p> <p id="p2">Hello World!</p> <script> document.getElementById("p2").style.color="blue"; document.getElementById("p2").style.fontFamily="Arial"; document.getElementById("p2").style.fontSize="larger"; </script> <p>以上段落通過腳本修改。</p> </body> </html>

運行代碼 ?

使用事件

HTML DOM 允許我們通過觸發(fā)事件來執(zhí)行代碼。

比如以下事件：

元素被點擊。
頁面加載完成。
輸入框被修改。
……

在接下來的章節(jié)，你會學(xué)到更多關(guān)于事件的知識。

本例改變了 id="id1" 的 HTML 元素的樣式，當(dāng)用戶點擊按鈕時：

實例

<!DOCTYPE html>
<html>
<body>

<h1 id="id1">我的標(biāo)題 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
點我!</button>

</body>
</html>

運行代碼 ?

中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

DOM CSS

改變 HTML 樣式

實例

使用事件

實例

更多實例