简单的DOM操作及示例

1.完整的JS 的组成
（1） JS核心：ECMA Script
（2） DOM： Document Object Model
文档对象模型：让js动态的操作页面的元素
（3） BOM： Browser Object Model
浏览器对象模型：让js动态的操作浏览器
2.使用js获取页面上的某个元素
（1）为元素增加id属性

<div id =”d1”>文本内容</div>

（2）在js中，允许通过元素的id来获取元素

document.getElementById(“元素的id”);

3.获取/设置某元素的中内容
DOM对象的一个属性：innerHTML
获取标签中的所有内容
4.获取/设置表单控件的内容
在DOM中，表单控件们，是通过DOM对象的value属性来获得/设置值的。
步骤：
（1） 通过id获取表单控件元素
（2） 通过DOM对象的value属性获得/设置值。
5.简化document.getElementById（）
根据指定的“id值”获取对应的HTML元素
参数:要获取的元素的id
返回值：获取的对应的HTML元素

function $(id){
	return document.getElementById(id);
}

6.HTML元素的事件
（1）什么