DOM对象

document.getElementById("btn").onclick=function(){
	alert("123");
}

在html里调用函数 不方便维护
<input type="button" onclick="f1()">

var btnObj = document.getElementById("btn");
btnObj.onclick = f2; // 不能用f2()

//最终版 直接用匿名函数
var btnObj = document.getElementById("btn");
btnObj = function(){
	alert("123");
}

//给所有的p便签添加文字
document.getElementById("btn").onclick=function(){
	// 获取文档内所有的p
	var pObjs = document.getElementsByTagName("p");
	// 获取dv1下的p
	var pObjs = document.getElementsByTagName("dv1").getElementsByTagName("p");
	for( var i = 0 ; i < pObjs.length ; i++){
		pObjs[i].innerText = "我们都是p";
	}
};

如果<a> <img ... /> </a>
我们在img中加入onclick事件
为了方式点击a跳转 在img的onclick中返回 fasle 防止自动跳转。
js中return false;一般是用来取消默认动作的,所以可以用return false;来取消a标签的跳转
<a href="" onclick="return false"> </a>
 

设置样式
var pObjs = document.getElementByTagName("dv1").className = 'cls1';