/*基础库--base.js*/
/*封装获取节点值的方法*/
/*第一种方法：直接使用document对象的相关方法不进行封装-在前端直接使用document对象*/

/*第二种方法：将document对象获得节点值封装在function中调用*/
function getId(id) { return document.getElementById(id); };
function getName(name) { return document.getElementsByName(name); };
function getTagName(tag) { return document.getElementsByTagName(tag); };

/*第三种方法：将document对象获得节点值封装在js对象中调用*/
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*/
/*第一种方法：
 直接使用document对象的相关方法不进行封装-在前端直接使用document对象
 对应的调用代码
window.onload = function () {
    alert( document.getElementById("box").innerHTML);
    alert(document.getElementsByName("sex")[0].value);
    alert( docuement.getElementsByTagName("p")[0].innerHTML);
}
*/

/*第二种方法：使用function封装*/
  对应的调用代码
  window.onload = function () {
    alert(document.getElementById("box").innerHTML);
    alert(getId("box").innerHTML);
    alert(getName("sex")[0].value);
    alert(getTagName("p")[0].innerHTML);
}

/*第三种方法：使用对象封装*/
window.onload = function () {
    alert(Base.getId("box").innerHTML);
    alert(Base.getName("sex")[0].value);
    alert(Base.getTagName("p")[0].innerHTML);
}