文档：把一个html文件看成是一个文档，因为万物皆对象，所以把这个文档看成一个对象，所以文档中所有的标签都可以看成是一个对象，HTML文档主要用于展示信息，展示数据的
XML文件也可以看成是一个文档，XML文档侧重于存储数据
元素(element):页面中所有的标签都是元素,元素可以看成对象
节点(node):页面中所有的内容都是节点:标签,属性,文本
root:根
页面就是文档--document,文档中有根元素（标签-html），里面有很多的元素（有很多的标签，有很多的对象）
由文档及文档中的所有的元素(标签组成的一个树形结构图,叫树状图(DOM树))，文档中的DOM树如下：
html---->head --->meta
-->title
----->body--->其他标签
--->div
-->a
-->p
文档对象模型,操作页面元素
点击操作----->事件:就是一件事,有触发和响应,事件源
按钮被点击,弹出对话框
按钮---->事件源
点击--->事件名字
被点了--->触发
弹框--->响应
在某个元素的事件中,自己的事件中的this就是当前的这个元素对象
操作DOM树，对图片，网址，超链接，文字进行操作，利用getElementsByTagName和getElementById方法，注册点击事件用onclick；修改属性:Value title src href innerText；disabled===>这个属性是禁用的；凡是CSS中这个 属性是多个单词的写法,在JS代码中DOM操作的时候.把-干掉,后面的单词首字母大写即可；规律:在表单标签中,如果属性和值是这个属性本身,那么在写JS代码,DOM操作的时候,这个属性值,是布尔类型就可以了
单独提取出相同的功能函数封装成一个独立的函数,有利于简洁代码,；提取出公共的属性方法形成一个公共的JS(common.js)