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 相关文章推荐
jquery+css3打造一款ajax分页插件(自写)
Jun 18 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
ES6学习笔记之Set和Map数据结构详解
Apr 07 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
详解mpvue实现对苹果X安全区域的适配
Jul 31 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数据库的php代码(一个表一个文件)
2010/05/28 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
Yii模型操作之criteria查找数据库的方法
2016/07/15 PHP
php中引用&amp;的用法分析【变量引用,函数引用,对象引用】
2016/12/12 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
写出高效jquery代码的19条指南
2014/03/19 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
springmvc接收jquery提交的数组数据代码分享
2017/10/28 jQuery
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
2018/04/13 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
Python常见数据结构之栈与队列用法示例
2019/01/14 Python
python ChainMap的使用和说明详解
2019/06/11 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
比较基础的php面试题及答案-填空题
2014/04/26 面试题
Java中compareTo和compare的区别
2016/04/12 面试题
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
周年庆典邀请函范文
2014/01/23 职场文书
保健品市场营销方案
2014/03/31 职场文书
购房协议书范本
2014/04/11 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
详解Python常用的魔法方法
2021/06/03 Python
如何利用python实现列表嵌套字典取值
2022/06/10 Python