开发者社区> 科技小能手> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

改变DIV标签内部元素标签的class属性值

简介:
+关注继续查看

<div id="u"> 

<div class="div_1"></div> 

<div class="div_1"></div> 

<div class="div_1"></div> 

</div>


function chgclass(o) {

    var u = document.getElementById('u');

    var c = u.childNodes;

    for (var i = 0; i < c.length; i++) {

        if (c[i].tagName && c[i].tagName.toLowerCase() == 'div') {

            if (c[i] == o) {

                c[i].className = 'div_2';

            } else {

                c[i].className = 'div_1';

            }

        }

    }

}


本文转自 沉淀人生 51CTO博客,原文链接:http://blog.51cto.com/825272560/1891150

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
关于ES6 class类
关于ES6 class类
15 0
C++雾中风景2:struct还是class?
之前因为都在忙着毕业的开题答辩与投稿论文的事宜,一直没有时间更新这个系列的文章。师弟看了上一篇雾中风景的文章,希望我继续把这个系列的文章写下去。坦白说,C++的特性很多,这也不是教学指南的文章,我会选取一些自己在学习C++过程之中值得探讨的问题和大家聊一聊,来抛砖引玉。
966 0
OGNL表达式struts2标签“%,#,$”
OGNL表达式struts2标签“%,#,$” 一、什么是OGNL,有什么特点?         OGNL(Object-Graph Navigation Language),大概可以理解为:对象图形化导航语言。是一种可以方便地操作对象属性的开源表达式语言。OGNL有如下特点:         1、支持对象方法调用,形式如:objName.methodName();
1253 0
警惕Div和Class的滥用
大概在06年的时候,我刚接触Div+Css的网站布局,那个时候大家对于标准的热情非常高涨,蓝色论坛里经常为了Table还是Div+Css而争论的热火朝天。现在,大家已经形成了共识,Table用来布局是不行的,但是网页里完全不用Table,也是不好的。
680 0
23704
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载