`
i_am_birdman
  • 浏览: 279990 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

自定义getElementsByClassName( ) 方法

 
阅读更多

function getElementsByClassName (className) {
   var all = document.all ? document.all : document.getElementsByTagName( ' *' );
    var elements = new Array();
    for ( var e = 0; e < all.length; e ++ ) {
      if (all[e].className == className) {
       elements[elements.length] = all[e];
        break ;
      }
    }
   return elements; 
}
分享到:
评论

相关推荐

    推荐一个封装好的getElementsByClassName方法

    在JavaScript中,`getElementsByClassName` 是一个非常实用的方法,它允许开发者根据指定的类名来查找DOM树中的元素。然而,这个方法在早期版本的Internet Explorer(尤其是IE8及以下)中并不支持,这给跨浏览器的...

    IE不支持getElementsByClassName最终完美解决方案

    以上代码通过自定义getElementsByClassName函数,兼容了IE浏览器中不支持该方法的问题。开发者可以直接使用document.getElementsByClassName方法来获取元素集合,无论是在支持还是不支持该方法的浏览器中。这样的...

    js document.getElementsByClassName的使用介绍与自定义函数

    【知识点详解】 ...以上就是关于 `getElementsByClassName()` 的使用介绍以及如何在不支持的浏览器中实现它的方法。在开发过程中,确保代码的兼容性和性能优化是非常重要的,特别是在处理 DOM 操作时。

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

    无论是使用原生的`getElementsByClassName`方法,还是使用上面提供的自定义方法,返回的都是一个元素集合。如果需要对这些元素进行操作,就需要使用循环来遍历它们。在示例代码中使用了普通的`for`循环: ```...

    javascript getElementsByClassName函数

    在提供的代码段中,可以看到一个自定义的 `getElementsByClassName` 函数实现。这个函数首先检查 `document.getElementsByClassName` 是否存在,如果存在,就直接调用原生方法;如果不存在,则执行自定义的实现。...

    IE浏览器不支持getElementsByClassName的解决方法

    一种常见的做法是通过JavaScript检测浏览器是否原生支持`getElementsByClassName`,如果不支持,我们可以在`document`对象上添加一个自定义的`getElementsByClassName`方法。这种解决方案的好处在于,无论浏览器是否...

    javascript getElementsByClassName实现代码

    JavaScript中获取具有特定class的元素集合可以通过原生的`getElementsByClassName`方法实现,但在某些情况下需要自定义函数以支持更复杂的查询条件。例如,自定义的`getElementsByClassName`函数能够实现限制查询...

    如何简单有效的解决IE7、8浏览器不支持document.getElementsByClassName的问题.zip

    3. **jQuery插件开发**: `lanrenzhijia.js`可能包含了一个自定义的jQuery插件,用于模拟`getElementsByClassName`的功能。在jQuery中,创建插件通常涉及到扩展jQuery对象的方法,使得开发者可以通过链式调用来使用。...

    自定义网页图片轮播代码

    let slides = document.getElementsByClassName("slide"); for (i = 0; i ; i++) { slides[i].style.opacity = "0"; } slideIndex++; if (slideIndex &gt; slides.length) {slideIndex = 1} slides[slideIndex-1...

    .net弹出窗口关闭方法

    这种方法虽然简单有效,但在实际项目中更推荐使用原生的`document.getElementsByClassName`方法,它更加高效且易于使用。 #### 四、关闭弹出窗口的方法——`closebox`函数 题目中给出了一个名为`closebox`的函数,...

    javascript自定义加载loading效果.docx

    ### JavaScript 自定义加载 Loading 效果详解 #### 一、概述 在Web开发过程中,为了提升用户体验,在页面加载或执行耗时操作时显示一个加载提示(通常称为Loading效果)是十分必要的。本篇将深入探讨如何使用...

    getelementsbyclassname:自动从code.google.compgetelementsbyclassname导出

    在`getElementsByClassName`实现的过程中,代码首先会检查浏览器是否已经内置了这个方法。如果内置方法存在,那么就直接使用;否则,它会提供一个兼容性良好的自定义实现。code.google.com/p/getelementsbyclassname...

    javascript getElementsByClassName 和js取地址栏参数

    在浏览器的原生支持下,大部分现代浏览器已经内置了这个方法,但在一些较老的版本,如IE5,可能需要通过自定义函数来实现。 以下是一个简单的`getElementsByClassName` 自定义实现: ```javascript function ...

    很不错的javascript实现的自定义二级菜单

    这可能涉及到`getElementById`,`getElementsByClassName`或`querySelectorAll`等方法。 2. 事件监听:当用户鼠标悬停在一级菜单上时,二级菜单应该显示出来。这需要我们使用`addEventListener`来监听`mouseover`和...

    详解js中class的多种函数封装方法.docx

    1. **自定义方法封装** 在`class`中,你可以定义实例方法和静态方法。实例方法是通过在`class`内部定义函数来实现的,它们会挂载到实例对象上。例如: ```javascript class MyClass { constructor() { // 构造...

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

    由于较老浏览器不支持getElementsByClassName方法,可以通过自定义函数来实现类似的功能,如上文中的getElementsByClassName函数示例。 除了上述三种基本方法,还可以根据元素的属性、前后关系、相对位置等使用更...

Global site tag (gtag.js) - Google Analytics