/*基础库--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); |
} |