欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【纯JS实现根据CSS的class选择DOM】,下面是详细的讲解!
纯JS实现根据CSS的class选择DOM
<script type="text/javascript">
function getElementsByClassName(classname,node){
node=node || window.document;
if(node.getElementsByClassName){
return node.getElementsByClassName(classname);
}else{
var results=new Array();
var elems=node.getElementsByTag("*");
for (var i=0;i<elems.length;i++){
if(elems[i].className.indexOf(classname) !=-1){
results[elems.length]=elems[i];
}
}
return results;
}
};
</script>
关于纯JS实现根据CSS的class选择DOM的用户互动如下:
相关问题:JS/JAVASCRIPT问题:DOM如何选择CLASS?
答:开源框架一般都有选择器,可以类似CSS选择器一样选取DOM,如jQuery。其实CLASS也是便于CSS操作,而选择DOM最好的方法是用ID,这个效率最高。所以不是必要的情况下,不要用CLASS选择DOM。 >>详细
相关问题:我想知道jquery的内核是如何选取class的。 如原生...
答:选取 class 比较麻烦,而且 ie 和 firefox ,都不同。 大致原理是:获取 属性 class ,然后循环 class 的值,搜索是否存在 你要找的 class。。。 具体实现是用 原生态的 js 写的。。。 >>详细
相关问题:使用js来做根据本页面的某个div的class存在来做判...
答:alert(document.getElementById("b").classList.contains("a")); >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
