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 相关文章推荐
javascript中对对层的控制
Dec 29 Javascript
IE8 引入跨站数据获取功能说明
Jul 22 Javascript
jquery解决图片路径不存在执行替换路径
Feb 06 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
轻松掌握JavaScript单例模式
Aug 25 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
手机端实现Bootstrap简单图片轮播效果
Oct 13 Javascript
js生成随机数方法和实例
Jan 17 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
angular组件间传值测试的方法详解
May 07 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
mysql 字段类型说明
2007/04/27 PHP
PHP高级OOP技术演示
2009/08/27 PHP
php中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP页面中文乱码分析
2013/10/29 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
游戏人文件夹程序 ver 3.0
2006/07/14 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
jQuery实现伪分页的方法分享
2016/02/17 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
python的id()函数解密过程
2012/12/25 Python
python解析基于xml格式的日志文件
2017/02/25 Python
python类的继承实例详解
2017/03/30 Python
python中不能连接超时的问题及解决方法
2018/06/10 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
200行python代码实现2048游戏
2019/07/17 Python
python 命名规范知识点汇总
2020/02/14 Python
Python下载网易云歌单歌曲的示例代码
2020/08/12 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
全球性的女装店:storets
2019/06/12 全球购物
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
班组长的岗位职责
2013/12/09 职场文书
《春笋》教学反思
2014/04/15 职场文书
委托证明模板
2014/09/16 职场文书
学习三严三实心得体会
2014/10/13 职场文书
优秀高中学生评语
2014/12/30 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
Python闭包的定义和使用方法
2022/04/11 Python