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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM