DOM 0级
指浏览器专有的,非标准的方法、对象和集合。

DOM 1级 1998年发布
包括:
DOM core
DOM html

DOM 2级 DOM2 core 2000年发布  DOM2 html 2003年发布
包括:
DOM2 core
DOM2 html
DOM2 events
DOM2 style
DOM2 traversal and range   遍历
DOM2 views  提供访问和更新文档表现的能力。

DOM 3级  2007年发布
包括:
DOM3 core
DOM3 load and save
DOM3 validation
DOM3 events
DOM3 xpath   示例:abc/a
DOM3 views

利用DOMImplementation对象,检测浏览器是否支持的某DOM级别的某功能
在浏览器中DOMImplementation对象被实例化为document.implementation
验证浏览器是否实现某级DOM的某模块
document.implementation.hasFeature('模块名称', 'DOM级别');
示例:document.implementation.hasFeature('Core', '1.0');

DOM核心

浏览器解析html文件时,会根据自身支持的DOM模块将标记转换成element对象。
window
document 整个文档  扩展自node对象
html => documentElement 根元素
DOM规范中,每个标签之间的空白符都被解析为text节点对象。(IE中会忽略空白符,不解析为text节点)

继承
element对象继承了node对象的所有属性和方法。
继承链如下:
Node  DOM2核心  nodeName,nodeType,nodeValue,hasChildNodes,hasAttributes,insertBefore,appendChild...
 |
Element DOM2核心  tagName,getAttribute,setAttribute,removeAttribute...
 |
HTML Element  DOM2 HTML  id,title,className...
 |
HTMLAnchorElement(a标签)  DOM2 HTML  href,name,rel,accessKey,tabIndex,blur,focus...

核心node对象  
nodeName  Element.nodeName:标签名大写;Attr.nodeName:属性名小写;Text.nodeName:#text;
nodeValue 只适用于Text,Attr,Comments(注释),CDATASection,ProcessingInstructions对象。其它类型对象返回null
nodeType  Node.ELEMENT_NODE  1,Node.ATTRIBUTE_NODE  2,Node.TEXT_NODE  3;(IE中不存在Node静态类对象。)
parentNode
childNodes  返回类数组的NodeList对象  
            示例:document.body.childNodes[0] or document.body.childNodes.item(0)
firstChild
lastChild
previousSibling
nextSibling
attributes  返回类数组的NamedNodeMap对象,一个节点所有属性的集合。相对于NodeList对象有其它一些便捷方法,getNamedItem()...,如:document.body.childNodes[0].getNamedItem('href');
            示例:document.body.childNodes[0].attributes[0] or document.body.childNodes.item(0).attributes.item(0)
ownerDocument  指向节点所属根文档,document
hasChildNodes
hasAttributes  IE不支持
insertBefore  示例:newNode.insertBefore(refNode);
appendChild  示例:parentNode.appendChild(newNode);
removeChild  示例:parentNode.removeChild(refNode);
replaceChild  示例:parentNode.replaceChild(newNode, refNode);
cloneNode(true/false)  示例:refNode.cloneNode(true)

核心Element对象
getAttribute(name)
setAttribute(name, value)
removeAttribute(name)
还有一些基于DOM Attr节点对象的方法
getAttributeNode(name)  返回Attr节点
setAttributeNode(newAttr)  基于新的Attr节点对象设置属性
removeAttributeNode(oldAttr)  删除指定的属性节点
在Element对象中查找Element对象的唯一方法:
getElementsByTagName  返回类数组的NodeList对象,只返回Element类型节点,因此不包含Text类型节点。

核心Document对象
非标准:document.all, document.all[id]
document.documentElement  html标签
利用Document对象创建几种常用的节点
createAttribute(name)
createComment(data)
createElement(tagName)
createTextNode(data)
...
利用Document对象查找Element对象
getElementById
getElementsByTagName
DOM核心中不包含getElementsByClassName,因为XML文档没有类属性。该方法在DOM2 HTML中定义

DOM2 HTML

DOM2 HTML的HTMLDocument对象
title  title标签中的字符串
referrer  包含连接到当前页面的前一个页面的URL
domain  当前站点的域名
URL  当前页面在地址栏中的URL
body  引用body节点
images  当前文档中所有<img>标签的集合
applets  当前文档中所有<applet>标签的集合
links  当前文档中所有<link>标签的集合
forms  当前文档中所有<forms>标签的集合
anchors  当前文档中所有<a>标签的集合
cookie  当前页面中所有cookie信息的字符串
open()  打开一个文档,一接受write()方法输出
close()  关闭一个文档
write(data)
writeln(data)  写入文档的同时写入一个换行符
getElementsByName(elementName)
一些非标准的属性
frames
plugins
scripts
stylesheets

DOM2 HTML的HTMLElement对象
id
title
lang  在RFC 1766中为节点语言定义的语言代码
className

2015-03-11——简析DOM规范的更多相关文章

  1. Android 11(R) Power HAL AIDL简析 -- 基本接口

    Android 11(R) Power HAL AIDL将分三篇文章来介绍: Android 11(R) Power HAL AIDL简析 -- 基本接口 Android 11(R) Power HA ...

  2. Java Annotation 及几个常用开源项目注解原理简析

    PDF 版: Java Annotation.pdf, PPT 版:Java Annotation.pptx, Keynote 版:Java Annotation.key 一.Annotation 示 ...

  3. Nutch学习笔记二——抓取过程简析

    在上篇学习笔记中http://www.cnblogs.com/huligong1234/p/3464371.html 主要记录Nutch安装及简单运行的过程. 笔记中 通过配置抓取地址http://b ...

  4. JDK框架简析--java.lang包中的基础类库、基础数据类型

    题记 JDK.Java Development Kit. 我们必须先认识到,JDK不过,不过一套Java基础类库而已,是Sun公司开发的基础类库,仅此而已,JDK本身和我们自行书写总结的类库,从技术含 ...

  5. 2015最新移动App设计尺寸视觉规范【图文版】(转)

    如今手机app的屏幕设计尺寸参差不齐,仿佛来到了移动界面尺寸战国时代,每家移动设备制造公司都为了迎合大众的口味,各家都在2014年大放光彩.2015年也将会是我们移动APP设计界快速发展的一年. 因为 ...

  6. Android 启动过程简析

    首先我们先来看android构架图: android系统是构建在linux系统上面的. 所以android设备启动经历3个过程. Boot Loader,Linux Kernel & Andr ...

  7. iOS 学习笔记 六 (2015.03.28)常见错误

    2015.03.28 1. property's synthesized getter follows Cocoa naming convention for returning 'owned' ob ...

  8. 【ACM/ICPC2013】POJ基础图论题简析(一)

    前言:昨天contest4的惨败经历让我懂得要想在ACM领域拿到好成绩,必须要真正的下苦功夫,不能再浪了!暑假还有一半,还有时间!今天找了POJ的分类题库,做了简单题目类型中的图论专题,还剩下二分图和 ...

  9. SimpleDateFormat使用简析

    title: SimpleDateFormat使用简析 date: 2016-07-11 11:48:20 tags: Java SimpleDateFormat --- [转载自博客:http:// ...

随机推荐

  1. apache与和mysql重启命令

    修改linux服务器的http配置之后,必须重启Apache服务. 命令为: /etc/rc.d/init.d/httpd restart chown -R mysql:mysql 目录名 改变文件属 ...

  2. atitit.基于  Commons CLI 的命令行原理与 开发

    atitit.基于  Commons CLI 的命令行原理与 开发 1. 命令行支持的格式有以下几种: 1 2. json化,map化的命令行参数内部表示 1 3. Ati cli 2 4. CLI库 ...

  3. Sublime Text 2 入门与总结

    Sublime Text 2 入门与总结   首语 :    考完试,但又没什么兴趣做课程设计,蛋疼的弄点软件入门的介绍,希望给各位还在吃香蕉的程序猿带来一点启示...   代码编辑器,就像武侠中的武 ...

  4. 二次开发第N天。。。。。。。。自动分页问题

    phpcms\modules\content\fields\pages\form.inc.php 注意修改时,如果是gbk版本可以直接用记事本修改保存!如果是utf8 要用工具修改,或者保存的时候要记 ...

  5. STM32F10x_SPI(硬件接口 + 软件模拟)读写Flash(25Q16)

    推荐 分享一个大神的人工智能教程.零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到人工智能的队伍中来! http://www.captainbed.net/strongerhuang Ⅰ.写在前 ...

  6. Error: EACCES: permission denied, symlink

    环境说明 ganiks@ganiks-ubuntu-trusty-64:/ganiks/parse-server$ npm -v 6.5.0 ganiks@ganiks-ubuntu-trusty-6 ...

  7. flutter 修改

    原来用的是tabviewer来写的,但是有点问题. 点到某一个tab,会导致加载前一个tab的数据,看到别人的文章keep tab的做法,写了 tabbar的控件. 我想了一把,直接换成了pagerv ...

  8. WCF系列 基础概念

    WCF全称Windows Communication Foundation,是微软构建面向服务的分布式编程框架.而它其实是统一了COM和.Net Remoting等分布式技术提供一个完整,通用,可靠的 ...

  9. CH Round #55 - Streaming #6 (NOIP模拟赛day2)(被虐哭)

    http://ch.ezoj.tk/contest/CH%20Round%20%2355%20-%20Streaming%20%236%20%28NOIP%E6%A8%A1%E6%8B%9F%E8%B ...

  10. iOS开发中“此证书的签发者无效”的解决方式

    iOS开发过程中有时候会出现证书所有变成无效,例如以下图 然后进行打包的时候会提演示样例如以下警告:  解决方法:  第一步: 下载https://developer.apple.com/certif ...