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 addBookmark 加入收藏 多浏览器兼容
Aug 15 Javascript
javascript写的一个链表实现代码
Oct 25 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
Sep 05 Javascript
浅谈JavaScript的全局变量与局部变量
Jun 10 Javascript
清除输入框内的空格
Dec 21 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
小程序实现选择题选择效果
Nov 04 Javascript
node.js实现微信开发之获取用户授权
Mar 18 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上传、管理照片示例
2006/10/09 PHP
一个PHP数组应该有多大的分析
2009/07/30 PHP
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
php中照片旋转 (orientation) 问题的正确处理
2017/02/16 PHP
ExtJs的Date格式字符代码
2010/12/30 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
JavaScript字符串对象
2017/01/14 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
vue2.0使用swiper组件实现轮播效果
2017/11/27 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
python 多线程重启方法
2019/02/18 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
在python中修改.properties文件的操作
2020/04/08 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
请解释virtual关键字的含义
2015/06/17 面试题
会计专业自我鉴定范文
2013/12/29 职场文书
元旦晚会主持词
2014/03/24 职场文书
单位工作证明
2014/10/07 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
运动会1000米加油稿
2015/07/21 职场文书
Nginx解决403 forbidden的完整步骤
2021/04/01 Servers
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL