核心DOM和html DOM的区别

转载 2016年08月28日 21:02:16

DOM分为三部分:

(1)核心DOM:遍历DOM树、添加新节点、删除节点、修改节点

(2)HTML DOM:以一种简便的方法访问DOM树

(3)XML DOM:准用于操作XML文档


核心DOM与HTML DOM的区别:

核心DOM :

对象:Document,Node,   ElementNode,TextNode,AttributeNode,CommentNode,NodeList 


核心DOM提供了统一的操作接口

createElement

appendChild

setAttribute

removeAttribute

nodeName

...


核心DOM创建新元素:

var newNode=document.createElement("img")


给元素添加属性:

e.setAttribure(‘’,‘’)

e.setAttribureNode(attr)


适用场合:

核心DOM适合操作节点,如创建,删除,查找等


HTML DOM:

对象:image,Table,Form,Input,Select...HTML标签对象化


注:TableCell:td;TableRow:tr


HTML DOM提供了封装好的各种对象

Image

Select

Option

...


HTML DOM创建新元素

var newNode=new Image();


给元素添加属性:

img.src='';

img.id='';

imd.title='';

img.className=''

img.style.display='';

这是典型的HTML DOM方法,他将创建元素以及访问元素的属性这些方法都简化了,直接把属性当做是对象的属性,但是我们要注意img.className=''


适用场合:

HTML DOM适合操作属性,如读取或修改属性的值

相关文章推荐

HTML属性与DOM属性的区别

对于浏览器引擎而言,并不存在“HTML标签”这回事,其本质是DOM节点对象。也并不存在“HTML文档”这回事,其本质是DOM节点对象组成的文档树。浏览器引擎只是存储和渲染DOM节点对象。...
  • BonJean
  • BonJean
  • 2016年10月05日 23:33
  • 1075

区别:DOM Core 与 HTML-DOM

DOM(文档对象模型)是由W3C制定的一套访问和操作XML(eXtensible Markup Language)文档的标准,即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操...

XML DOM.HTML DOM和JS之间的关系

W3C所制订的DOM Level分为两大模块:Core和HTML。 1.Core核心,W3C规范:满足软件开发者和Web脚本编写者,访问和操控产品项目中包含的可解析的HTML和XML内容。 ...

【浏览器渲染原理】解析和DOM树构建之HTML解析器

HTML解析器的任务是将HTML标记解析成解析树。 HTML的词汇和语法在W3C规范中进行了定义。 HTML的定义采用了DTD(DocumentType Definition,文档类型定义)。 解析树...

Webkit之理解HTML解析和DOM树

## 概述 前面介绍了很多眼花缭乱的新技术,关于渲染,关于硬件加速,关于布局,关于其他很多,同大家一样,我也花了很多时间来消化它们。本章介绍稍微基础些的话题(本系列的写作顺序完全是随心所欲地),...
  • sauphy
  • sauphy
  • 2015年11月19日 01:34
  • 917

DOM(一)——HTML DOM

对于B/S开发,客户端与服务器端的交互是非常必要的,JavaScript的提出解决了很多问题,AJAX的提出也解决了异步通信的问题,更加为用户着想了。而DOM是其中非常基础的知识,在学习AJAX的同时...

jQuery 核心函数:jQuery(html,[ownerDocument])动态创建DOM元素

jQuery(html,[ownerDocument])//动态添加一些HTML字符 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、...
  • theowl
  • theowl
  • 2014年11月26日 22:11
  • 324

系统学习jQuery.核心知识.FAQ.jQuery对象与DOM对象区别与联系

1.全局关系 学前端的DOM技术与jQuery技术时,经常分不清jQuery对象与DOM对象以及它们的联系与区别,其实两者关系可用下图表示,下面所有的说明也围绕此图展开。 2.DOM对象 DOM对...

SAX解析,DOM解析以及XML HTML JSON之间区别

XML 定义  可扩展性标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自...

jQuery源码分析-11 DOM遍历-Traversing-3个核心函数

作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com  声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新...
  • mychirs
  • mychirs
  • 2014年10月11日 16:47
  • 353
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:核心DOM和html DOM的区别
举报原因:
原因补充:

(最多只允许输入30个字)