2020/6/11 JavaScript高级程序设计 DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口)。他描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。

10.1 节点层次

DOM将任何HTML和XML文档描绘成一个由多层节点构成的结构。

文档节点(Document)是每个文档的根节点。文档节点只有一个子节点(HTML文档中实终是<html>),我们称之为文档元素(每个文档只能有一个文档元素)。文档元素是文档的最外层元素,其他所有元素都包含在文档元素中。

每一段标记都能通过树中一个节点来表示,包括特性、文档类型、注释等,共有12种节点类型。这些类型都继承自一个基类型

10.1.1 Node类型

 JavaScript中的所有节点类型都继承自Node类型,所有的节点类型都共享相同的基本属性和方法。

nodeType属性:表明节点的类型(12种)

eg:Node.ELEMENT_NODE(1);  //元素节点

通过该属性可以确定一个节点的类型,可以通过类型字面量判等,也可以通过数字值比较。

if (someNode.nodeType == Node.ELEMENT_NODE){ //在IE中无效 alert("Node is element."); } if (someNode.nodeType == 1){ //适用于任何浏览器 alert("Node is element."); }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpsxjs.html