JavaScript实现获取dom中class的方法


Posted in Javascript onFebruary 09, 2015

本文实例讲述了JavaScript实现获取dom中class的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <script>
  function getClass(node,classname) { 
   if(node.getElementsByClassName) {
    return node.getElementsByClassName(classname);
 //如果存在该标签 就返回
   } else {
    var elems = node.getElementsByTagName(node),
      defualt = [];
    for (var i = 0; i < elems.length; i++) {
 //遍历所有标签
     if(elems[i].className.indexOf(classname) != -1) {
 //查找相应类名的标签
      defualt[defualt.length] = elems[i];
     }
    }
    return defualt;
   }
  }
   window.onload = function () {
   var text = document.getElementById('text'),
    cs = getClass(text,'cs');
     document.write(cs.innerHTML='cs');
  }
 </script>
</head>
<body>
 <div id="text"><div class="cs">textcss</div></div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 11 Javascript
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
关于Javascript回调函数的一个妙用
Aug 29 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
JavaScript实现移动端拖动元素
Nov 24 Javascript
react项目从新建到部署的实现示例
Feb 19 Javascript
angularJS 中input示例分享
Feb 09 #Javascript
angularJS提交表单(form)
Feb 09 #Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 #Javascript
js选项卡的实现方法
Feb 09 #Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 #Javascript
angularJS中router的使用指南
Feb 09 #Javascript
javascript实现按回车键切换焦点
Feb 09 #Javascript
You might like
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
JObj预览一个JS的框架
2008/03/13 Javascript
JS 字符串连接[性能比较]
2009/05/10 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
在vue中给列表中的奇数行添加class的实现方法
2018/09/05 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
django中cookiecutter的使用教程
2020/12/03 Python
HTML5操作WebSQL数据库的实例代码
2017/08/26 HTML / CSS
参观监狱心得体会
2014/01/02 职场文书
校长先进事迹材料
2014/02/01 职场文书
部队万能检讨书
2014/02/20 职场文书
班主任寄语大全
2014/04/04 职场文书
音乐幼师求职信
2014/07/09 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
《小蝌蚪找妈妈》教学反思
2016/02/23 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书