日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

中國最全I(xiàn)T社區(qū)平臺(tái) 聯(lián)系我們 | 收藏本站

javascript教程

JavaScript 教程

JS 函數(shù)

JS HTML DOM

JS 高級(jí)教程

JS 瀏覽器BOM

JS 庫

JS 實(shí)例

拓展閱讀

←上一篇： HTML DOM 改變 HTML 內(nèi)容

→下一篇：HTML DOM 事件

HTML DOM 改變 CSS

閱讀 (2428)

JavaScript HTML DOM - 改變CSS

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

改變 HTML 樣式

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

document.getElementById(id).style.property=new style

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

實(shí)例

<html>
<body>

<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color="blue";
</script>

<p>The paragraph above was changed by a script.</p>

</body>
</html>

嘗試一下 ?

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

實(shí)例

<!DOCTYPE html>
<html>
<body>

<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
Click Me!</button>

</body>
</html>

嘗試一下 ?

更多實(shí)例

Visibility
如何使元素不可見。您希望元素顯示或消失嗎？

←上一篇： HTML DOM 改變 HTML 內(nèi)容

→下一篇：HTML DOM 事件

教程導(dǎo)航