HTML DOM 允许 JavaScript 改变 HTML 元素的样式。

改变 HTML 样式

如需改变 HTML 元素的样式，请使用这个语法：

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

下面的例子会改变

元素的样式：

实例

Hello World!

The paragraph above was changed by a script.

尝试一下 »

本例改变了 id="id1" 的 HTML 元素的样式，当用户点击按钮时：

实例

My Heading 1

尝试一下 »

更多实例

Visibility
如何使元素不可见。您希望元素显示或消失吗？

参考文章

JavaScript 和 HTML 参考手册：Style 对象