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

改變 HTML 樣式

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

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

例子 1

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

<p id="p2">Hello World!</p><script> document.getElementById("p2").style.color="blue"; </script>

親自試一試

例子 2

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

<h1 id="id1">My Heading 1</h1><button type="button" οnclick="document.getElementById('id1').style.color='red'"> 點擊這里 </button>

親自試一試

更多實例

Visibility

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

轉載于:https://www.cnblogs.com/dahaoheshan/p/7510128.html

總結

以上是生活随笔為你收集整理的JavaScript HTML DOM - 改变 CSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。