qileilove

blog已经转移至github,大家请访问 http://qaseven.github.io/

JavaScript HTML DOM - 改变 CSS

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" onclick="document.getElementById('id1').style.color='red'"> 点击这里 </button> 

亲自试一试

更多实例

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

HTML DOM Style 对象参考手册

如需完整的 HTML DOM Style 对象属性,请参阅我们的 HTML DOM Style 对象参考手册

posted on 2014-03-28 00:08 顺其自然EVO 阅读(113) 评论(0)  编辑  收藏 所属分类: js


只有注册用户登录后才能发表评论。


网站导航:
 
<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

导航

统计

常用链接

留言簿(55)

随笔分类

随笔档案

文章分类

文章档案

搜索

最新评论

阅读排行榜

评论排行榜