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 28 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
JS实现漂亮的时间选择框效果
Aug 20 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
npm国内镜像 安装失败的几种解决方案
Jun 04 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
详解js删除数组中的指定元素
Oct 31 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 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
ThinkPHP写第一个模块应用
2012/02/20 PHP
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
PHP中比较两个字符串找出第一个不同字符位置例子
2014/04/08 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
讨论javascript(一)工厂方式 js面象对象的定义方法
2009/12/15 Javascript
在JQuery dialog里的服务器控件 事件失效问题
2010/12/08 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
详解javascript常用工具类的封装
2018/01/30 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
vue 实现动态路由的方法
2020/07/06 Javascript
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
Python机器学习算法之k均值聚类(k-means)
2018/02/23 Python
Python入门学习指南分享
2018/04/11 Python
Python 3.8 新功能全解
2019/07/25 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
护理专业自我鉴定
2014/01/30 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
中学校园广播稿
2015/08/18 职场文书
创业计划书之宠物店
2019/09/19 职场文书
如何使用CocosCreator对象池
2021/04/14 Javascript
python基础之爬虫入门
2021/05/10 Python
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB