`
niunan
  • 浏览: 721164 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

使用javascript通过className来获取元素

阅读更多

开始慢慢从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通过className获取文件元素.docx

    javascript通过className来获取元素的简单示例代码

    以下是一个简单的示例,展示了如何通过类名获取元素: ```javascript function getElementsByClassName(n) { var classElements = [], allElements = document.getElementsByTagName('*'); for (var i = 0; i ; i...

    js通过classname来获取元素的方法

    本文将详细讲解通过类名获取元素的方法,并提供相应的代码示例。 首先,原生JavaScript提供了三种基本的获取元素的方法: 1. `getElementById('id')`:通过元素的唯一ID获取单个元素。这是最快且最直接的方式,但...

    javascript通过class来获取元素实现代码

    本文将详细介绍如何使用JavaScript通过class名来获取元素,并提供具体的实现代码。 #### 1. 通过Class获取元素的原理 在HTML文档中,可以通过多种方式来选择或获取元素,如通过ID、标签名、类名等。而通过类名...

    js获取页面控件坐标.pdf

    此外,在 HTML 文档中,我们还可以使用其他属性来获取元素的信息,例如可以使用 tagName 属性获取元素的标签名,使用 className 属性获取元素的类名,使用 id 属性获取元素的 ID 等。 在实际开发中,我们需要根据...

    jQuery与javascript对照学习 获取父子前后元素 实现代码.docx

    本文将详细介绍如何使用jQuery与原生JavaScript来获取父元素、子元素、前一个元素和后一个元素,并通过具体的代码示例来进行比较。 #### 二、获取父元素 ##### 1. 使用jQuery获取父元素 在jQuery中,可以通过`....

    JS封装通过className获取元素的函数示例

    首先,函数使用`getElementsByTagName('*')`获取父元素下的所有子元素,然后通过循环遍历这些子元素。在循环中,通过`className`属性检查每个子元素是否包含指定的类名,如果包含,则将该元素添加到结果数组`aResult...

    JavaScript中常见获取元素的方法汇总

    除了上述三种基本方法,还可以根据元素的属性、前后关系、相对位置等使用更复杂的查询技术来获取DOM元素,例如querySelector和querySelectorAll方法,它们使用CSS选择器的方式来获取元素。这些选择器支持更复杂的...

    javaScript给元素添加多个class的简单实现.docx

    通过上述四种方法,我们可以有效地使用JavaScript来给HTML元素添加、删除多个class。这些技巧不仅提高了代码的可读性和可维护性,还确保了在动态修改元素样式时能够准确无误。希望这些方法能够帮助你在实际开发中...

    js 获取class的元素的方法 以及创建方法getElementsByClassName

    其中一种非常常见的情况是需要根据元素的class属性来获取元素集合。在JavaScript中,可以使用`getElementsByClassName`方法来实现这一需求。该方法是由文档对象模型(DOM)提供的一个原生JavaScript方法,能够返回一...

    js通过元素class名字获取元素集合的具体实现

    然而,如果出于某种原因`document.getElementsByClassName`方法不可用时,通过遍历获取元素的方法就有其用武之地了。 在介绍这个函数的实现之前,文档提到了获取元素集合的多种方法。除了上述方法,还有通过元素的...

    JavaScript实现获取dom中class的方法

    本文主要介绍了如何使用JavaScript来获取DOM(文档对象模型)中具有特定class的DOM元素。在讲解的过程中,涉及到JavaScript操作DOM节点的一些基本技巧和方法,如使用`getElementsByClassName`和`...

    JavaScript DOM元素常见操作详解【添加、删除、修改等】

    在JavaScript中,可以使用`getAttributeNode`方法获取元素的属性节点,这允许我们访问属性节点的类型、名称和值。 ### 添加和删除DOM元素 添加元素通常需要先创建一个新的元素节点,然后将其插入到DOM树中的合适...

    JavaScript样式.pdf

    在JavaScript中,可以使用`hasClassName()`、`addClassName()`和`delClassName()`函数来管理元素的className。这些函数可以确保处理多个类名时的正确性。 3. 修改元素的style属性: 直接操作元素的`style`属性是...

    JavaScript 拾碎[三] 使用className属性

    这可以通过多种方法来完成,其中一种有效的方式是使用JavaScript的className属性。这个属性允许程序员以编程方式操作HTML元素的类属性,从而可以添加、删除或更改元素的CSS类,达到改变样式的目的。 className属性...

    table里面获取所有元素

    标签“源码”可能意味着博客中会深入到具体的源代码层面,解释获取元素的底层原理或提供自定义函数来操作表格。而“工具”标签可能暗示了博客中介绍了某些辅助工具或库,如jQuery,它提供了更简洁的方法来处理DOM...

    javascript经典特效---元素的详细信息.rar

    `element.style.property = value`这种方式可以直接改变单个样式,或者使用`element.className`来切换CSS类,实现复杂的样式变化。 4. 事件处理:JavaScript可以监听和响应用户的行为,如点击、滚动、鼠标悬停等。...

    JavaScript样式.docx

    在JavaScript中,可以使用hasClassName、addClassName和delClassName等辅助函数来安全地操作className。hasClassName用于检查元素是否已包含特定的类,addClassName用于添加类,而delClassName用于移除类。当...

Global site tag (gtag.js) - Google Analytics