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模仿msgbox提示效果代码
Jun 10 Javascript
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
Sep 17 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
vue-dialog的弹出层组件
May 25 Javascript
详解vue跨组件通信的几种方法
Jun 15 Javascript
关于前后端json数据的发送与接收详解
Jul 30 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 Javascript
关于Js中new操作符的作用详解
Feb 21 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/01/23 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
Javascript 继承实现例子
2009/08/12 Javascript
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
jQuery控制图片的hover效果(smartRollover.js)
2012/03/18 Javascript
使用闭包对setTimeout进行简单封装避免出错
2013/07/10 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
PHP PDO操作总结
2014/11/17 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
2015/04/20 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
JScript实现地址选择功能
2017/08/15 Javascript
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
vue实现登录拦截
2020/06/29 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
[04:49]2014DOTA2国际邀请赛 Newbee顺利挺进总决赛 ImbaTV独家专访
2014/07/19 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
Pytorch释放显存占用方式
2020/01/13 Python
python如何基于redis实现ip代理池
2020/01/17 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
美国葡萄酒网上商店:Martha Stewart Wine Co.
2019/03/17 全球购物
中国制造网:Made-in-China.com
2019/10/25 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
银行优秀员工事迹
2014/02/06 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
入股协议书范本
2014/11/01 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python
深入理解go slice结构
2021/09/15 Golang