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 相关文章推荐
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
慎用 somefunction.prototype 分析
Jun 02 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
js实现模拟银行卡账号输入显示效果
Nov 18 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
深入解析Vue 组件命名那些事
Jul 18 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
Jan 22 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
Sep 10 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
关于手调机和数调机的选择
2021/03/02 无线电
玩转虚拟域名◎+ .
2006/10/09 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
JSON字符串和JSON对象相互转化实例详解
2017/01/05 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
Python中的数学运算操作符使用进阶
2016/06/20 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
利用matplotlib+numpy绘制多种绘图的方法实例
2017/05/03 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
Python3连接Mysql8.0遇到的问题及处理步骤
2020/02/17 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
夜大毕业生自我评价分享
2013/11/10 职场文书
医学院护理专业应届生求职信
2013/11/12 职场文书
交通事故协议书范本
2014/11/18 职场文书
认真学习保证书
2015/02/26 职场文书
2015年清明节网上祭英烈活动总结
2015/03/26 职场文书
学术会议通知
2015/04/15 职场文书
四年级作文之植物
2019/09/20 职场文书
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python