js 自定义getClass函数实现获取dom的class 兼容火狐ie

<script type="text/javascript">function getClass(tagName, className) {  //第一个参数 表示是className是所属那个dom标签下,这样为了提高检索效率//如果是火狐择调用火狐的getElementsByClassName 内置函数if (document.getElementsByClassName) {return document.getElementsByClassName(className)}else {var nodes = document.getElementsByTagName(tagName),ret = []for (i = 0; i < nodes.length; i++) {if (hasClass(nodes[i], className)) { ret.push(nodes[i]) }}return ret;}}function hasClass(node, className) {var names = node.className.split(/\s+/) //这个正则表达式是因为class可以有多个,判断是否包含for (i = 0; i < names.length; i++) {if (names[i] == className) return true;}return false;}
</script>

使用例子:

View Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title><script type="text/javascript">function getClass(tagName, className) {  //第一个参数 表示是className是所属那个dom标签下,这样为了提高检索效率//如果是火狐择调用火狐的getElementsByClassName 内置函数if (document.getElementsByClassName) {return document.getElementsByClassName(className)}else {var nodes = document.getElementsByTagName(tagName),ret = []for (i = 0; i < nodes.length; i++) {if (hasClass(nodes[i], className)) { ret.push(nodes[i]) }}return ret;}}function hasClass(node, className) {var names = node.className.split(/\s+/) //这个正则表达式是因为class可以有多个,判断是否包含for (i = 0; i < names.length; i++) {if (names[i] == className) return true;}return false;}function showMsg() {var tag = getClass('div', 'test');for (var i = 0; i < tag.length; i++) {alert(tag[i].innerText);}}</script>
</head>
<body><div class="test">hello!</div><input type="button" value="show" onclick="showMsg()" />
</body>
</html>

转载于:https://www.cnblogs.com/fumj/archive/2012/06/16/2551538.html

js 自定义getClass函数实现获取dom的class 兼容火狐ie相关推荐

Angualr中通过原生js和ViewChild的方式获取dom
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
html 自动输入日期,Js日期选择自动填充到输入框(界面漂亮兼容火狐)
很漂亮.兼容火狐的Js日期选择,自动填充到输入框 body{font-size:12px;font-family:Verdana,Arial,"宋体";} a:link {colo ...
vue设置img大小的属性_Vue.js自定义标签属性并获取属性，及绑定img的src属性的坑...
一.定义属性: 一般定义属性都是为了动态的去获取属性的值,或者动态的设置属性的值,如果想仅仅是设置一个普通的属性,直接在便签上设置属性即可,就像使用html的title.name等属性一样,如 H1标 ...
js 自定义extend函数
转自:http://blog.csdn.net/openblogs/article/details/25169165 1.实现: /*** 有一个函数为extend,该函数有两个参数* arg1* a ...
Ajax异步请求（重渲染DOM元素时，如何自动调用并执行JS自定义函数【含代码】）- 案例篇
文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...
vue怎么给html元素加类选择器,Vue.js——获取Dom对象的类选择器名(className)
方法一:通过监听器监听方法event参数获取dom对象代码: vue自定义指令 .pop{ width:100px; background-color:#ffff00; height:100px; ...
vue中自定义指令、组件化、生命周期、节流和防抖、获取DOM、mint-ui简介、过渡和动画
自定义指令: vue中通过directive方法自定义指令,如:自定义一个v-focus指令: <script>Vue.directive('focus', {//通过directive( ...
APIS——获取dom对象、操作元素内容和属性、间歇函数
APIS 变量声明 Web API基本认知作用和分类 DOM DOM树 DOM对象获取DOM对象根据CSS选择器来获取DOM元素(重点) 其它获取DOM元素方法(了解) 操作元素内容操作元素属 ...
JS中编写函数去除HTML标签,js函数获取html中className所在的内容并去除标签
js函数获取html中className所在的内容并去除标签复制代码代码如下: function queryClass(classnames){ var classobj= new Array() ...
常用原生js自定义函数
js获取日期函数 //获取当前时间日期 function CurentTime() {var now = new Date();var year = now.getFullYear(); //年var ...

js 自定义getClass函数实现获取dom的class 兼容火狐ie

js 自定义getClass函数实现获取dom的class 兼容火狐ie相关推荐

最新文章

热门文章