开发者社区> niunan> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

使用javascript通过className来获取元素

简介: 开始慢慢从JQUERY再转回到纯JS。。。 代码 //原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。function getElementsByClassName(n) {    var classElements = [], allElements = document.
+关注继续查看

开始慢慢从JQUERY再转回到纯JS。。。

img_405b18b4b6584ae338e0f6ecaf736533.gif代码
//原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。
function getElementsByClassName(n) {
    
var classElements = [], allElements = document.getElementsByTagName('*');
    
for (var i = 0; i < allElements.length; i++) {
        
if (allElements[i].className == n) {
            classElements[classElements.length] 
= allElements[i];
        }
    }
    
return classElements;
}

 

 // 原来class为showye的全去掉    

var XX = getElementsByClassName('shouye');
    
for (var i = 0; i < XX.length; i++) {
        XX[i].className 
= "";
    }

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js两个数组对象中,获取不相同的值 非交集元素对象
js两个数组对象中,获取不相同的值 非交集元素对象
0 0
LeetCode数组中两元素的最大乘积使用JavaScript解题|前端学算法
LeetCode数组中两元素的最大乘积使用JavaScript解题|前端学算法
0 0
LeetCode多数元素使用JavaScript解题|前端学算法
LeetCode多数元素使用JavaScript解题|前端学算法
0 0
LeetCode移除元素使用JavaScript解题|前端学算法
LeetCode移除元素使用JavaScript解题|前端学算法
0 0
js 找出两个数组中不同元素和相同元素的几种方法
js 找出两个数组中不同元素和相同元素的几种方法
0 0
JS 刷 Leetcode:169. 多数元素
JS 刷 Leetcode:169. 多数元素
0 0
JS 刷 Leetcode:027. 移除元素
JS 刷 Leetcode:027. 移除元素
0 0
js 复杂数组的元素操作,实现数据按搜索条件在前端显示
在工程项目中需要实现的一个需求,自己设计通过修改前端js代码来实现数据按搜索条件来对应显示的功能(实际可以根据key通过服务请求来实现的つ﹏⊂同事帮助下实现的)。在这个方向上,踏了很多坑,每次都觉得快实现了,可还是一直有问题。最后即使在同事另辟蹊径下解决的问题,但在不甘心下自己还是决定按自己思路将之实现掉。
0 0
js中数组增加添加元素的push方法
js中数组增加添加元素的push方法
0 0
带你彻底学会JS DOM技术之删除,复制,替换元素
参数obj表示被复制的元素,而参数bool是一个布尔值,取值如下。 1或true:表示复制元素本身以及复制该元素下的所有子元素。 0或false:表示仅仅复制元素本身,不复制该元素下的子元素。
0 0
+关注
niunan
没有什么网站是数据库增删查改做不了的,如果有,那就不接这单!
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载