DOM概述 DOM定义 在D0M中,HM文档的层次结构被表示为一个树形结构。树的根节 点是一个表示当前HM文档的 document对象,树的每个子节点表示 HTM文档中的不同内容。 Document <body> chI> deno something “ important
DOM概述 DOM定义 在DOM中，HTML文档的层次结构被表示为一个树形结构。树的根节 点是一个表示当前HTML文档的document对象，树的每个子节点表示 HTML文档中的不同内容
DOM概述 节点类型 在DOM树中有很多不同类型的节点。主要包括文档节点、元素节点、 属性节点和文本节点。 文档节点:理M中每个元素、属性以及文本都由它自己的DOM节点呈现。 这棵树的顶端是文档节点,它呈现为整个页面。当需要访问任何元素、 属性和文本节点时,都需要通过文本节点进行导航。 元素节点:理M元紊描述了M页面的结构。例如p>表示段落、<u1> 表示列表。 ■属性节点:ⅢM元素的开始标签中可以包含若干属性,这些属性再DOM 树中形成属性节点。 文本节点:当访问元素节点时,可以访问元素内部的文本,这些文本 保存再文本节点中
DOM概述 节点类型 在DOM树中有很多不同类型的节点。主要包括文档节点、元素节点、 属性节点和文本节点。 文档节点：HTML中每个元素、属性以及文本都由它自己的DOM节点呈现。 这棵树的顶端是文档节点，它呈现为整个页面。当需要访问任何元素、 属性和文本节点时，都需要通过文本节点进行导航。 元素节点：HTML元素描述了HTML页面的结构。例如<p>表示段落、<ul> 表示列表。 属性节点：HTML元素的开始标签中可以包含若干属性，这些属性再DOM 树中形成属性节点。 文本节点：当访问元素节点时，可以访问元素内部的文本，这些文本 保存再文本节点中
DOM概述 节点之间的关系 节点之间的关系 包括三种关系:父子关系、兄弟关系和祖孙关系。 例如:<htm1 ead> <tit1e>节点关系</ title </head> <body> u1 style=“none” <li>JavaScript</li> <li>jQuery</1i> </u1 </body) /htm1>
DOM概述 节点之间的关系 节点之间的关系 包括三种关系：父子关系、兄弟关系和祖孙关系。 例如：<html> <head> <title>节点关系</title> </head> <body> <ul style=“none”> <li>JavaScript</li> <li>jQuery</li> </ul> </body> </html>
DOM概述 DOM级别 W3C在1998年10月标准化了DOM第一级,不仅定义了基本的 接口,其中还包含了所有HM接囗。在2000年11月标准化 了D0M第二级,在第二级中不但对核心的接囗升级,还定义 了使用文档事件和CSS样式表的标准的API。 DOM1:W3C规范。专注于理TM文档和ⅪM文档。 DOM2:对DOM增加了样式表对象模型。 DOM3:对DOM2增加了内容模型⑩TD、 Schemas)和文档验 证
DOM概述 DOM级别 W3C在1998年10月标准化了DOM第一级，不仅定义了基本的 接口，其中还包含了所有HTML接口。在2000年11月标准化 了DOM第二级，在第二级中不但对核心的接口升级，还定义 了使用文档事件和CSS样式表的标准的API。 DOM1：W3C规范。专注于HTML文档和XML文档。 DOM2：对DOM1增加了样式表对象模型。 DOM3：对DOM2增加了内容模型 (DTD 、Schemas) 和文档验 证
访问HTML网页 通过ID访问 getElementById DOM提供了一个名为 getElementById的方法,这个方法将返回一个与哪 个有着给定id属性值的元素节点对应的对象。 getElementById是 document对象特有的函数。在脚本代码里,函数名 的后面必须跟有一对圆括号,这对圆括号包含着函数的参数。 getElementById方法只有一个参数:想要获得的那个元素的id属性的 值,这个id属性值必须放在单引号或者双引号里,其使用方法如下所 document. getElesentById( purchases)
访问HTML网页 通过ID访问 getElementById DOM提供了一个名为getElementById的方法，这个方法将返回一个与哪 个有着给定id属性值的元素节点对应的对象。 getElementById是document对象特有的函数。在脚本代码里，函数名 的后面必须跟有一对圆括号，这对圆括号包含着函数的参数。 getElementById方法只有一个参数：想要获得的那个元素的id属性的 值，这个id属性值必须放在单引号或者双引号里，其使用方法如下所 示：