开始慢慢从JQUERY再转回到纯JS。。。
//原理: 用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 = "";
}
转自:http://blog.csdn.net/greenerycn/archive/2008/10/07/3030269.aspx
自己测试在ie6,8,firefox,chrome下运行成功
分享到:
相关推荐
javascript通过className获取文件元素.docx
以下是一个简单的示例,展示了如何通过类名获取元素: ```javascript function getElementsByClassName(n) { var classElements = [], allElements = document.getElementsByTagName('*'); for (var i = 0; i ; i...
本文将详细讲解通过类名获取元素的方法,并提供相应的代码示例。 首先,原生JavaScript提供了三种基本的获取元素的方法: 1. `getElementById('id')`:通过元素的唯一ID获取单个元素。这是最快且最直接的方式,但...
本文将详细介绍如何使用JavaScript通过class名来获取元素,并提供具体的实现代码。 #### 1. 通过Class获取元素的原理 在HTML文档中,可以通过多种方式来选择或获取元素,如通过ID、标签名、类名等。而通过类名...
此外,在 HTML 文档中,我们还可以使用其他属性来获取元素的信息,例如可以使用 tagName 属性获取元素的标签名,使用 className 属性获取元素的类名,使用 id 属性获取元素的 ID 等。 在实际开发中,我们需要根据...
本文将详细介绍如何使用jQuery与原生JavaScript来获取父元素、子元素、前一个元素和后一个元素,并通过具体的代码示例来进行比较。 #### 二、获取父元素 ##### 1. 使用jQuery获取父元素 在jQuery中,可以通过`....
首先,函数使用`getElementsByTagName('*')`获取父元素下的所有子元素,然后通过循环遍历这些子元素。在循环中,通过`className`属性检查每个子元素是否包含指定的类名,如果包含,则将该元素添加到结果数组`aResult...
除了上述三种基本方法,还可以根据元素的属性、前后关系、相对位置等使用更复杂的查询技术来获取DOM元素,例如querySelector和querySelectorAll方法,它们使用CSS选择器的方式来获取元素。这些选择器支持更复杂的...
通过上述四种方法,我们可以有效地使用JavaScript来给HTML元素添加、删除多个class。这些技巧不仅提高了代码的可读性和可维护性,还确保了在动态修改元素样式时能够准确无误。希望这些方法能够帮助你在实际开发中...
其中一种非常常见的情况是需要根据元素的class属性来获取元素集合。在JavaScript中,可以使用`getElementsByClassName`方法来实现这一需求。该方法是由文档对象模型(DOM)提供的一个原生JavaScript方法,能够返回一...
然而,如果出于某种原因`document.getElementsByClassName`方法不可用时,通过遍历获取元素的方法就有其用武之地了。 在介绍这个函数的实现之前,文档提到了获取元素集合的多种方法。除了上述方法,还有通过元素的...
本文主要介绍了如何使用JavaScript来获取DOM(文档对象模型)中具有特定class的DOM元素。在讲解的过程中,涉及到JavaScript操作DOM节点的一些基本技巧和方法,如使用`getElementsByClassName`和`...
在JavaScript中,可以使用`getAttributeNode`方法获取元素的属性节点,这允许我们访问属性节点的类型、名称和值。 ### 添加和删除DOM元素 添加元素通常需要先创建一个新的元素节点,然后将其插入到DOM树中的合适...
在JavaScript中,可以使用`hasClassName()`、`addClassName()`和`delClassName()`函数来管理元素的className。这些函数可以确保处理多个类名时的正确性。 3. 修改元素的style属性: 直接操作元素的`style`属性是...
这可以通过多种方法来完成,其中一种有效的方式是使用JavaScript的className属性。这个属性允许程序员以编程方式操作HTML元素的类属性,从而可以添加、删除或更改元素的CSS类,达到改变样式的目的。 className属性...
标签“源码”可能意味着博客中会深入到具体的源代码层面,解释获取元素的底层原理或提供自定义函数来操作表格。而“工具”标签可能暗示了博客中介绍了某些辅助工具或库,如jQuery,它提供了更简洁的方法来处理DOM...
`element.style.property = value`这种方式可以直接改变单个样式,或者使用`element.className`来切换CSS类,实现复杂的样式变化。 4. 事件处理:JavaScript可以监听和响应用户的行为,如点击、滚动、鼠标悬停等。...
在JavaScript中,可以使用hasClassName、addClassName和delClassName等辅助函数来安全地操作className。hasClassName用于检查元素是否已包含特定的类,addClassName用于添加类,而delClassName用于移除类。当...