首頁 > 開發者 > JavaScript
JavaScript HTML DOM - 改變CSS，domcss
HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。
如需改變 HTML 元素的樣式，請使用這個文法：
document.getElementById(id).style.property=new style
下面的例子會改變 <p> 元素的樣式：
執行個體
<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 元素的樣式，當使用者點擊按鈕時：
執行個體
<!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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
