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);}