Javascript的封装库

<div id="box">id</div>
<input type="radio" name="sex" value="男" selected="selected" />
<p>段落</p>

javascr获取方式

window.onload =function(){
    alert(document.getElementById('box').innerHTML); //获取内容
    alert(document.getElementsByName('sex')[0].value);   //获取value
    alert(document.getElementsByTagName('p')[0].innerHTML);  //获取内容
};

代码长，容易写错

使用封装库的方式来简写调用代码

base.js 创建库文件

// 函数式调用
function $(id){
    return document.getElementById(id);
}
//对象式
var Base = {
    getId:function(id){
        return document.getElementById(id)
    },
    getName:function(name){
        return document.getElementsByName(name)
    },
    getTagName:function(tag){
        return document.getElementsByTagName(tag);
    }
};

demo.js 常用的操作js

函数式调用
window.onload = function(){
    alert($('box').innerHTML);
}
//对象式调用
window.onload = function(){
    alert(Base.getId('box').innerHTML);
    alert(Base.getName('sex')[0].value);
    alert(Base.getTagName('p')[0].innerHTML);
}