【JavaScript】DOM总结
来源:互联网 发布:莱恩打碟软件下载 编辑:程序博客网 时间:2024/05/21 06:28
DOM(Document ObjectModel)即文档对象模型。其中D(文档)可以理解为整个web加载的网页文档,O(对象),就是指一个对象,这里的对象是document对象,DOM的操作就是基于调用这个对象的属性和方法来完成的,M(模型)就是网页文档的树型结构,DOM描述了一个层次化的节点树,而这个树就是这个模型,通过这个树,我们可以更加方便我们对网页内容和样式的操作。
节点
在DOM中一个很重要的概念,DOM的操作就是基于节点的操作,也就是说DOM通过节点找到要修改的内容。
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
节点分类
DOM节点分为元素节点、属性节点、文本节点和注释节点.
节点树
在一个Html页中,我们会看到有标签、文本、属性,而这些标签、文本、属性经常是嵌套的,正是由于这种嵌套的关系,构成了父子节点。同时也形成了一个节点树。不同的html标签自然所构成的树也是不同的
节点操作
DOM,不单单可以查找节点,也可以创建、复制、插入、删除和替换
总结
JavaScript的存在使得静态的HTML文档变成了交互式的web应用变成了动态的网页,其中DOM的使用就实现了由静态的网页变成动态的网页。DOM通过查找节点,并由此为基础可以获得它的子节点父节点,属性节点。当获得一个节点后便可以向其中插入内容,或者做其他的操作比如插入删除和替换节点。
0 0
- JavaScript总结--DOM
- Javascript DOM基础总结
- JavaScript之DOM总结
- 【JavaScript】DOM总结
- 【JavaScript】DOM基础总结
- JavaScript DOM 操作总结
- JavaScript DOM基础知识总结
- JavaScript Dom详解总结
- JavaScript DOM一些总结
- JavaScript DOM基础总结
- Javascript dom结点操作总结
- 【Javascript】HTML DOM知识点总结
- JavaScript DOM 总结(一)
- JavaScript:DOM事件流总结
- JavaScript-2-7:DOM总结
- 《JavaScript DOM编程艺术》总结
- 【javascript总结】javascript的DOM编程
- javascript DOM的总结(基于JavaScript DOM编程艺术)
- C. Replacement-----(Codeforces Round #316 (Div. 2))
- 网络设备开军火发库(libnet,libpcap,pfring,dpdk)
- 61. Event altKey 事件属性
- ibatis 中isNull, isNotNull与isEmpty, isNotEmpty区别
- android apk嵌套 从一个apk启动另外一个apk
- 【JavaScript】DOM总结
- IO流学习笔记3——字节流和字符流的输入/输出
- 浅析Java中的final关键字
- 118Pascal's Triangle
- android 监听其它app的错误或者崩溃的方法 (ProcessErrorStateInfo)
- 使用java的wsimport.exe工具生成wsdl的客户端代码
- hdu oj 2176 取(m堆)石子游戏
- AsyncHttpClient对json的读取操作
- chrome的配置文件加密校验的hash算法(逆向所得)