JavaScript文档对象

DOM-Document Object Model,他是W3C国际组织的一套Wed标准。他以树形结构表示文档(HTML、XML等),定义了遍历、j检查和修改各节点的属性和方法。

W3C组织将DOM分为以下几种不同版本:

        Core DOM:定义任何结构文档的标准对象集合

        XML DIM:定义了针对XML文档的标准对象集合

        HTML DOM:定义了针对HTML文件的标准对象集合

        DOM CSS:定义了在程序中操作CSS样式的接口

        DOM Events:给DOM对象添加事件处理

HTML DOM定义了访问和操作HTML问答ing的标准方法,它把HTML文档呈现为带有元素、属性和文本的树形结构,定义了访问HTML文档对象的属性、方法和事件。

HTML文档中的每一个成分都是一个节点。

        整个文档是一个文档节点

        每个HTML标签是一个元素节点

        包含在HTML元素中的文本时文本节点

        每一个HTML属性是一个属性节点

        注释属于注释节点

树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。

DOM(Object Model):文档对象模型

可以干什么?

(1)获取一个元素

(2)移除一个元素

(3)创建一个元素

(4)向页面里面添加一个元素

(5)给元素绑定一些事件

(6)获取元素的属性

(7)给元素添加一些css样式

DOM的核心对象就是document对象

document对象是浏览器内置对象的一个对象,里面存储着专门用来操作元素的各种方法

获取节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是:

nodeName(节点名称)

所包含的元素的标签名称永远是大写的

元素节点的nodeName是标签名称

属性节点的nodeName是属性名称

文本节点的nodeName永远是#text

文档节点的nodeName永远是#document

猜你喜欢

转载自blog.csdn.net/m0_71385552/article/details/127029020