您的位置：首页 > Web前端 > CSS

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

2010-06-05 08:10 399 查看
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"><!--
window.onload = function(){
var headers = document.getElementsByTagName('h1');
for(var i=0;i<headers.length;i++){
headers[i].style.fontWeight = 'bold';
headers[i].style.fontSize = '14px';
headers[i].style.color = 'red';
}
}
// --></mce:script>

</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css 浏览器 html function
相关文章推荐
新的分享
章节导航