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 相关文章推荐
JS格式化数字保留两位小数点示例代码
Oct 15 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
js漂浮广告实现代码
Aug 15 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
Jan 23 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
vue-cli+webpack项目 修改项目名称的方法
Feb 28 Javascript
Angularjs实现多图片上传预览功能
Jul 18 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 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/06/03 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
php+ajax实现图片文件上传功能实例
2014/06/17 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
List the Codec Files on a Computer
2007/06/18 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
javascript中常用编程知识
2013/04/08 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
JS更改select内option属性的方法
2015/10/14 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
Angular请求防抖处理第一次请求失效问题
2019/05/17 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
python类型强制转换long to int的代码
2013/02/10 Python
python字符串连接方式汇总
2014/08/21 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
python3的输入方式及多组输入方法
2018/10/17 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
Python OpenCV读取中文路径图像的方法
2020/07/02 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
人事专员的职责
2014/02/26 职场文书
工程造价专业大学生职业规划范文
2014/03/09 职场文书
机关办公室岗位职责
2014/04/16 职场文书
求职信模板
2014/05/23 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
主题班会开场白
2015/06/01 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers