JavaScript中DOM的概念及作用
Posted 吃蛋糕的猫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于JavaScript中DOM的概念及作用的主要内容，如果未能解决你的问题，请参考以下文章