JavaScript中DOM的概念及作用 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script>
 7 
 8         /*
 9          *
10          * JavaScript分三个部分:
11          * ECMAScript标准:JS的基本的语法
12          * DOM:Document Object Model --->文档对象模型----操作页面的元素
13          * BOM:Browser Object Model----->浏览器对象模型---操作的是浏览器
14          *
15          * DOM: 文档对象模型
16          *
17          * 文档:把一个html文件看成是一个文档,由于万物皆对象,所以把这个文档看成是一个对象
18          * XML文件也可以看成是一个文档
19          *
20          * HTML:展示信息,展示数据的
21          * XML:侧重于存储数据
22          * html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象
23          *
24          * 页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象
25          * 标签可以嵌套,标签中有标签,元素中有元素
26          *
27          * html页面中都有一个根标签--html--也叫根元素
28          *
29          * 页面中的有一个根元素(标签--html),里面有很多的元素(有很多的标签,有很多的对象)
30          *
31          * 文档:一个页面就是一个文档
32          *
33          * 元素(element):页面中的所有的标签都是元素,元素可以看成是对象
34          *
35          * 节点(node):页面中所有的内容都是节点:标签,属性,文本
36          * root:根
37          *
38          *
39          * 页面就是文档--document,文档中有根元素:html
40          * html--->head
41          *------>body--->其他的标签
42          *
43          * 由文档及文档中的所有的元素(标签)组成的一个树形结构图,叫树状图(DOM树)
44          *
45          * */
46 
47     </script>
48 </head>
49 <body>
50 
51 </body>
52 </html>

 

posted @ 2018-07-18 21:45  {颜逸}  阅读(2011)  评论(0)    收藏  举报