`
ajax_xu
  • 浏览: 154786 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

js getElementsByClassName

阅读更多
getElementsByClassName:
function getElementsByClassName(searchClass, domNode, tagName) {
    alert(searchClass);
    if (domNode == null) domNode = document;
    if (tagName == null) tagName = '*';
    var el = new Array();
    var tags = domNode.getElementsByTagName(tagName);
    var tcl = " "+searchClass+" ";
    for(i=0,j=0; i<tags.length; i++) {
        var test = " " + tags[i].className + " ";
        if (test.indexOf(tcl) != -1)
        el[j++] = tags[i];
    }

    alert(el);
    return el;
}

操作Cookie By JavaScript:
function getCookie(c_name)
{
    if (document.cookie.length>0)
  {
        c_start=document.cookie.indexOf(c_name + "=");
        if (c_start!=-1)
        {
            c_start=c_start + c_name.length+1;
            c_end=document.cookie.indexOf(";",c_start);
            if (c_end==-1)
                c_end=document.cookie.length;
            return decodeURIComponent(document.cookie.substring(c_start,c_end));
        }
    }
    return null;
}

function setCookie(c_name,value,expiredays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate);
}
getCookie,setCookie,delCookie:

function setCookie(name,value)
{
  var Days = 30; //此 cookie 将被保存 30 天
  var exp  = new Date();    //new Date("December 31, 9998");
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape(value) +";expires="+ exp.toGMTString();
}
function getCookie(name)
{
  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  if(arr != null) return unescape(arr[2]); return null;
}
function delCookie(name)
{
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval=getCookie(name);
  if(cval!=null) document.cookie=name +"="+cval+";expires="+exp.toGMTString();
}

Event:
var EventUtil=new Object;
    //oTarget:目标;sEventType:事件名称;funName:事件触发的函数名;
    EventUtil.addEvent=function(oTarget,sEventType,funName){
        if(oTarget.addEventListener){//for DOM;
            oTarget.addEventListener(sEventType,funName, false);
        }else if(oTarget.attachEvent){
            oTarget.attachEvent("on"+sEventType,funName);
        }else{
            oTarget["on"+sEventType]=funName;
        }
    };

    EventUtil.removeEvent=function(oTarget,sEventType,funName){
        if(oTarget.removeEventListener){//for DOM;
            oTarget.removeEventListener(sEventType,funName, false);
        }else if(oTarget.detachEvent){
            oTarget.detachEvent("on"+sEventType,funName);
        }else{
            oTarget["on"+sEventType]=null;
        }
    };
分享到:
评论

相关推荐

    javascript getElementsByClassName 和js取地址栏参数

    getElementsByClassName() 为了从一大堆HTML代码中找出我们的树状菜单(也许有多个),我们先来实现一个通过className找DOM节点的方法:getElementsByClassName。这是对浏览器自有DOM方法的一个简单但实用的扩充。 此...

    javascript getElementsByClassName实现代码

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

    javascript getElementsByClassName函数

    然而,原生的 `getElementsByClassName` 在某些浏览器或旧版本的 JavaScript 中可能不可用,因此,开发者经常需要编写兼容性的代码来实现类似的功能。 在提供的代码段中,可以看到一个自定义的 `...

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

    `getElementsByClassName()` 是 JavaScript 中用于获取页面上具有特定类名的元素集合的 DOM API。这个方法在 HTML5 中被引入,但在 Internet Explorer 8 及以下版本中并不支持。为了确保在旧版浏览器中的兼容性,...

    原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

    在前端开发中,document.getElementsByClassName是一个常用的原生JavaScript方法,用于根据类名获取页面元素的集合。然而,在早期版本的Internet Explorer(IE)浏览器中,例如IE8及以下版本,该方法是不支持的。...

    推荐一个封装好的getElementsByClassName方法

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

    JS中getElementsByClassName与classList兼容性问题解决方案分析

    主要介绍了JS中getElementsByClassName与classList兼容性问题解决方案,结合实例形式分析了getElementsByClassName与classList的使用方法、原理及兼容性问题的处理技巧,需要的朋友可以参考下

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

    2. **jQuery**: 压缩包中的`lanrenzhijia.js`很可能是一个jQuery插件,因为jQuery是一个广泛使用的JavaScript库,它为老版本的IE浏览器提供了很多兼容性解决方案。jQuery的`$('.className')`选择器与`document....

    JavaScript (JS) API 手册

    JavaScript(JS)API手册是开发者在进行Web前端开发时的重要参考资料,它包含了JavaScript语言的核心语法、内置对象、函数以及浏览器提供的各种API接口。这本手册通常以详细、系统的结构呈现,便于开发者查找和理解...

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

    在JavaScript中,可以使用`getElementsByClassName`方法来实现这一需求。该方法是由文档对象模型(DOM)提供的一个原生JavaScript方法,能够返回一个包含文档中具有给定class名称的所有元素的HTMLCollection对象。 ...

    关于IE中getElementsByClassName不能用的问题解决方法

    一个可行的解决方案是使用JavaScript的函数来模拟`getElementsByClassName`的功能。这个函数由Robert Nyman编写,可以在不支持原生`getElementsByClassName`的浏览器中使用。以下是对这段代码的详细解释: ```...

    javascript_js学习教程

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级、解释型编程语言,以其灵活性和交互性在网页设计中占据核心地位。此“javascript_js学习教程”是针对初学者精心设计的,来源于中兴通讯的内部培训资料,旨在...

    javascript快速入门+常用js特效源程序

    JavaScript,也常被称为JS,是Web开发中不可或缺的一部分,它是一种轻量级的解释型编程语言,主要用于增强网页和应用程序的交互性。本资源“javascript快速入门+常用js特效源程序”旨在帮助初学者迅速掌握JavaScript...

Global site tag (gtag.js) - Google Analytics