web api(一)

文档：把一个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)