DOM学习4：利用DOM去修改CSS样式

foxmx

于 2010-06-05 08:10:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： css 浏览器 html function

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/foxmx/article/details/5648877

本文介绍如何使用DOM技术来修改HTML元素的CSS样式，包括字体加粗、字号调整及颜色变化等，并提供了一个具体的实例，展示了如何通过JavaScript遍历并设置页面上所有<h1>标签的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.DOM中CSS的属性是采用Camel的方式来表示，如css中font-weight，在DOM中就是fontWeight。写过程序的人就很好理解这种方式。

2.值得注意的是，如果要取得CSS中样式的值，每种浏览器可能都不一样，比较取得color值，有的浏览器可能会是16进制的#00000，也有浏览器会取得的是 rgb (0,0,0)这样的结果。

以下是用DOM技术去改变CSS样式的一个例子:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>用DOM技术修改CSS内容</title> </head> <body> <h1>这是大标题1</h1> <p>ssfdsfds</p> <h1>这是大标题2</h1> <p>ssfdsfds</p> <mce:script type="text/javascript"></mce:script> </body>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。