小笔记 js获取元素的方法

weixin_30470857

于 2013-05-15 16:41:00 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cicichen/archive/2013/05/15/3080101.html

本文介绍了JavaScript中通过id、类名和标签名获取DOM元素的方法，并提供了实例演示。

var get = {
    byId: function(id) {
        return document.getElementById(id)
    },
    byClass: function(sClass, oParent) {
        if(oParent.getElementsByClass){
            return (oParent || document).getElementsByClass(sClass)
        }else{
            var aClass = [];
              var reClass = new RegExp("(^| )" + sClass + "( |$)");
              var aElem = this.byTagName("*", oParent);
              for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);
              return aClass
        }
    },
    byTagName: function(elem, obj) {
        return (obj || document).getElementsByTagName(elem)
    }
};

//实例
var oNav = get.byId("nav");
var aLi = get.byTagName("li", oNav);
var aSubNav = get.byClass("subnav", oNav);