DOM CSS

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

改變 HTML 樣式

如需改變 HTML 元素的樣式，請(qǐng)使用這個(gè)語(yǔ)法：

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

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

實(shí)例

<!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>以上段落通過(guò)腳本修改。</p> </body> </html>

運(yùn)行代碼 ?

使用事件

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

比如以下事件：

元素被點(diǎn)擊。
頁(yè)面加載完成。
輸入框被修改。
……

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

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

實(shí)例

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

運(yùn)行代碼 ?

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

DOM CSS

改變 HTML 樣式

實(shí)例

使用事件

實(shí)例

更多實(shí)例