DOM:文档对象模型（Document Object Model，简称DOM）
又称为文档树模型：文档，节点（网页中所有的内容都是节点），元素，属性
DOM进行的操作：获取元素，动态创建元素，对元素进行操作（设置其属性或调用其方法），事件
案例：
点击按钮修改超链接的地址和热点文字 ：
<input type="button" value="修改超链接" id="mybtn">
<a href="http://www.baidu.com" id="ak">百度一下</a>
<script>
//点击按钮，触发事件
//获取按钮，为按钮注册点击事件，并添加事件处理函数
document.getElementById("mybtn").onclick=function(){
var ak= document.getElementById("ak");
ak.innerText="淘宝";
ak.href="http://www.taobao.com";
}
</script>
排他功能：
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<script>
/*
* 我们看到的：
* 点击按钮，====点击事件
* 上一次点击的按钮的值由 "嘻嘻" 变成 "哈哈"======把所有的按钮的值改为 "哈哈"
* 再把当前的按钮的值变成 "嘻嘻" ，
*
* */
var inputObjs = document.getElementsByTagName("input");//数组【input1,input2...】
//遍历数组，获取每一个按钮，为按钮添加点击事件
for (var i = 0; i < inputObjs.length; i++) {
//每个按钮添加点击事件
inputObjs[i].onclick = function () {
// 两件事：
// ①所有的按钮的值改为 "哈哈"
//遍历数组，获取每一个按钮，改变按钮的value值
for (var j = 0; j < inputObjs.length; j++) {
inputObjs[j].value = "哈哈";
}
// ②当前的按钮(this)的值变成 "嘻嘻"
// console.log(i);
this.value = "嘻嘻"
}
}
console.log(i);//6
//for循环在页面加载的时候，就执行完毕了
//事件处理函数里面的内容是 在点击触发时执行的
</script>