1.DOM树

DOM树：将标记语言各个组成部分封装成对应的对象。
JavaScript 通过DOM，就能够对HTML进行操作:

• 改变 HTML 元素的内容
• 改变 HTML 元素的样式(CSS)
• 对 HTML DOM 事件作出反应
• 添加和删除 HTML 元素

操作 HTML 分为两步，第一步根据下面的几种方法取出要修改的标签内容，第二步查阅文档进行相应的修改。

HTML中的Element对象可以通过Document对象获取，而Document对象是通过window对象获取的，调用Document时可以省略window.
Document对象中提供了以下获取Element元素对象的函数:
根据id属性值获取，返回单个Element对象: var h1= document.getElementById('h1');
根据标签名称获取，返回Element对象数组：var divs = document.getElementsByTagName('div');
根据name属性值获取，返回Element对象数组：var hobbys = document.getElementsByName('hobby');
根据class属性值获取，返回Element对象数组：var clss =document.getElementsByClassName('cls');

修改HTML标签示例：

2.事件绑定

绑定事件的格式：触发函数=”要调用的函数名”。如下图所示：onclick="on()"; 常见的触发函数见js讲义。