JavaScript实现获取dom中class的方法

更新时间：2015年02月09日 09:54:08 作者：ZEAL

这篇文章主要介绍了JavaScript实现获取dom中class的方法,涉及javascript操作dom节点的使用技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

解决layui调用自定义方法提示未定义的问题
今天小编就为大家分享一篇解决layui调用自定义方法提示未定义的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js中window.location.href的用法大全
window.location.href是前端开发中一个非常重要且常用的属性,它为我们提供了获取和操作页面URL的便捷手段,本文主要介绍了js中window.location.href的用法大全,感兴趣的可以
2023-12-12
php 修改密码实现代码
这篇文章主要介绍了php 修改密码实现代码的相关资料,需要的朋友可以参考下
2017-05-05
FireBug 调试JS入门教程如何调试JS
这篇文章主要为大家介绍下通过firefox的FireBug调试JS，需要的朋友可以参考下
2013-12-12
js实现双色球效果
这篇文章主要为大家详细介绍了js实现双色球效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
js 事件处理函数间的Event物件是否全等
在非IE，事件对象Propagation之间的处理函数，或同dom节点触发的多个函数之间的Event物件是全等的。与绑定形式[addEventListener/DOM0]无关。
2011-04-04
js 创建快捷方式的代码(fso)
js 创建快捷方式的代码,这个是在本地运行的需要确认的，需要的朋友可以参考下。
2010-11-11
js实现带圆角的多级下拉菜单效果
这篇文章主要介绍了js实现带圆角的多级下拉菜单效果,通过调用封装的js库ocscript.js实现圆角下拉菜单功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-08-08
JavaScript 中使用 Generator的方法
Generator 是一种非常强力的语法，但它的使用并不广泛。这篇文章主要介绍了如何在 JavaScript 中使用 Generator,需要的朋友可以参考下
2017-12-12
webpack源码之loader机制详解
本篇文章主要介绍了webpack源码之loader机制详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04