JavaScript实现获取dom中class的方法
作者: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程序设计有所帮助。
您可能感兴趣的文章:
- javascript 获取HTML DOM父、子、临近节点
- JavaScript 节点操作 以及DOMDocument属性和方法
- javascript获取dom的下一个节点方法
- JavaScript获取DOM元素的11种方法总结
- JavaScript DOM节点操作方法总结
- javascript firefox兼容ie的dom方法脚本
- javascript dom操作之cloneNode文本节点克隆使用技巧
- JavaScript与DOM组合动态创建表格实例
- JavaScript中对DOM节点的访问、创建、修改、删除
- javascript DOM 操作基础知识小结
- 浅谈Javascript中的12种DOM节点类型
- js中script的上下放置区别,Dom的增删改创建操作实例分析