js项目第一课：获取节点的方法有三个

第一种方法：




demo.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>项目前端</title>

<script type="text/javascript" src = "base.js"></script>
<script type="text/javascript" src = "demo.js"></script>

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


</body>
</html>

demo.js：代码如下
window.onload = function(){
    
    alert(document.getElementById("box").innerHTML);//弹出id
    alert(document.getElementsByName("sex")[0].value);//弹出男
    alert(document.getElementsByTagName("p")[0].innerHTML);//弹出段落
}

第二种方法：函数式写法

//base.js代码如下：
function $(id){
	
	return document.getElementById(id);
}

//demo.js代码如下

window.onload=function(){
	alert($("box").innerHTML);
}

　　也能实现同样的效果

第三种方法：对象方法来封装实现获取节点的方法（推荐此种方法）

//base.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调用封装的方法
window.onload = function(){
    alert(Base.getId("box").innerHTML);
    alert(Base.getName("sex")[0].value);
    alert(Base.getTagName("p")[0].innerHTML);
    
}