文档:JavaScript专题之-DOM.js
内容:document介绍及操作
编者:张永辉 2014年10月23日
参考: http://www.cnblogs.com/bettertanme/p/3206342.html
` http://www.cnblogs.com/lijiyang/archive/2013/06/09/3129188.html
` http://www.w3school.com.cn/htmldom/index.asp
==========================================================================================
目录:
`1 DOM概念
`2 DOM树的层次结构
`3 读取操作示例
`4 写入操作示例
------------------------------------------------------------------------------------------
1 DOM概念
`1 DOM: 文档对象模型document object model
`2 DOM三层模型:
` DOM1;将HTML文档封装成对象
` DOM2:将XML文档封装成对象
` DOM3:将XML文档封装成对象
`3 DOM树:将HTML中的标签按照层级关系封装成节点对象
`4 作用:使静态的HTML页面的标签变为动态的可操作的节点对象
`5 DHTML:动态的HTML,是HTML、CSS、DOM、JavaScript四种技术的综合体
`6 加载:当标记型文档加载进内存,内存中就产生了相应的DOM树,其弊端是,文档国大时,消耗资源。
`7 DOM与JS: DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。
``` JavaScript则是用于访问和处理DOM的语言。可以使用任何脚本语言来访问DOM,这要归功于其一致的API。
``` JS中的全局变量在创建document之前运行,所以在JS全局中写document.xxx会报错。
2 DOM树的层次结构 即HTML文档中的层次关系
`document HTML文档对象
` |——head
``` |——title
``` |——base
``` |——meta
``` |——link
` |——body
``` |——form
````` |——input
````` |——select
````` |——textarea
``` |——div
``` |——table
````` |——tbody` 默认都有,不写也有
```````|——tr
```````` |——td
```````` |——th
``` |——a
内容:document介绍及操作
编者:张永辉 2014年10月23日
参考: http://www.cnblogs.com/bettertanme/p/3206342.html
` http://www.cnblogs.com/lijiyang/archive/2013/06/09/3129188.html
` http://www.w3school.com.cn/htmldom/index.asp
==========================================================================================
目录:
`1 DOM概念
`2 DOM树的层次结构
`3 读取操作示例
`4 写入操作示例
------------------------------------------------------------------------------------------
1 DOM概念
`1 DOM: 文档对象模型document object model
`2 DOM三层模型:
` DOM1;将HTML文档封装成对象
` DOM2:将XML文档封装成对象
` DOM3:将XML文档封装成对象
`3 DOM树:将HTML中的标签按照层级关系封装成节点对象
`4 作用:使静态的HTML页面的标签变为动态的可操作的节点对象
`5 DHTML:动态的HTML,是HTML、CSS、DOM、JavaScript四种技术的综合体
`6 加载:当标记型文档加载进内存,内存中就产生了相应的DOM树,其弊端是,文档国大时,消耗资源。
`7 DOM与JS: DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。
``` JavaScript则是用于访问和处理DOM的语言。可以使用任何脚本语言来访问DOM,这要归功于其一致的API。
``` JS中的全局变量在创建document之前运行,所以在JS全局中写document.xxx会报错。
2 DOM树的层次结构 即HTML文档中的层次关系
`document HTML文档对象
` |——head
``` |——title
``` |——base
``` |——meta
``` |——link
` |——body
``` |——form
````` |——input
````` |——select
````` |——textarea
``` |——div
``` |——table
````` |——tbody` 默认都有,不写也有
```````|——tr
```````` |——td
```````` |——th
``` |——a