| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 781 人关注过本帖
标题:怎么样操作元素中的所有元素
只看楼主 加入收藏
newoweb
Rank: 1
等 级:新手上路
帖 子:24
专家分:0
注 册:2008-11-13
结帖率:80%
收藏
已结贴  问题点数:20 回复次数:2 
怎么样操作元素中的所有元素
<div id=A1>
<div>1</div>
<div>2</div>
<div>3</div>
...........
</div>
我现在要将A1元素中的所有子元素背景色改为红色也就是style.background="#ff0000"
现在的方法
var objs = document.getElementsByTagName("div")[0].childNodes;
for(var i=0;i<objs.length;i++){
   objs[i].style.background="#ff0000";
}
但这样枚举太慢了,div元素中的子元素都一样,要改的格式和参数也是一样的
有没有简单高效的代码一下就改好的呢
搜索更多相关主题的帖子: 元素 
2009-08-05 20:22
快乐梦游
Rank: 2
等 级:论坛游民
帖 子:2
专家分:30
注 册:2009-8-12
收藏
得分:20 
<style>
#A1.red *{background:red; }
</style>
<body>
<div id=A1>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<button onclick="A1.className=A1.className==''?'red':''">change color</button>

用className来管理状态是最高效的
2009-08-12 22:22
newoweb
Rank: 1
等 级:新手上路
帖 子:24
专家分:0
注 册:2008-11-13
收藏
得分:0 
果然好用谢谢了
2009-08-13 20:26
快速回复:怎么样操作元素中的所有元素
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.014084 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved