javascript DOM 学习笔记

前言

DOM介绍

    DOM基本知识

    DOM操作

    DOM查找

    DOM类型

    DOM表格操作

 

前言

DOM (文档对象模型)是对 HTML 和 XML 文档操作的编程接口。DOM 的功能就是针对页面上的文档元素进行增、删、改。DOM 发光与得利于 DHTML (动态 HTML )的出现。DOM 是跨平台的应用编程接口(API)。DOM 的地位非常重要,所以 W3C 1998年10月1日发布了DOM Level 1 规范。下面是 DOM 规范所提供的功能和 DOM 规范的时间表

时间表

规范 草案 时间
DOM Level 1   1998年10月1日
DOM Level 1(SE) 2000年9月29日  
DOM Level 2 Core   2000年11月13日
DOM Level 2 Views   2000年11月13日
DOM Level 2 Style   2000年11月13日
DOM Level 2 Events   2000年11月13日
DOM Level 2 Traversal-Range   2000年11月13日
DOM Level 2 HTML   2003年1月9日
DOM Level 3 Validation   2004年1月27日
DOM Level 3 Requirements 2004年2月26日  
DOM Level 3 XPath 2004年2月26日  
DOM Level 3 Views 2004年2月26日  
DOM Level 3 Core   2004年4月7日
DOM Level 3 Load and Save   2004年4月7日
DOM Level 3 Events 2007年12月21日  

 

DOM 级别 1

DOM 级别1专注于 HTML 和 XML 文档模型。它含有文档导航和处理功能。

DOM 级别1于1998年10月1日成为 W3C 推荐标准。

第二版的工作草案在200年9月29日。



DOM 级别2

DOM 级别2对 DOM 级别1添加了样式表对象模型,并定义了操作附于文档之上的样式信息的功能性。

DOM 级别2同时还定义了一个事件模型,并提供了对 XML 命名空间的支持。

作为一项 W3C 推荐标准,DOM 级别2规范发布于200年11月13日。

 

DOM Level 2 核心

DOM Level 2 核心规定了访问和更改文档内容及结构的一个 API,此 API 同时包含用于 XML 的接口。

 

DOM Level 2 HTML

DOM Level 2 HTML 规定了操作HTML文档结构和内容的API。(这部分规范仍然是工作草案)

 

DOM Level 2 Views

DOM Level 2 规定了对文档视图进行访问和更改的 API。视图是与原文档相关联的表现形式或某种设备的表现形式。

 

DOM Level 2 Style

DOM Level 2 Style 规定了动态访问及更改内容样式表的 API。

 

DOM Level 2 Events

DOM Level 2 Events 规定了访问文档事件的 API。

 

DOM Level 2 Traversal-Range

DOM Level 2 Traversal-Range 规定了动态遍历和识别文档内容范围的 API。


时间: 2024-12-21 03:01:25

javascript DOM 学习笔记的相关文章

Javascript——DOM学习笔记

<!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> <title>DOM基础</title> <style type="text/css"> ol li ol li{font-size: 13px;} </style> </head> <body > <h2>DOM类型</h

JavaScript DOM学习笔记之标签属性

节点: 平时开发中常用的节点是: 元素节点:nodeType值是 1    --> <a>,<p>...... 属性节点:nodeType值是 2    --> title,href,src...... 文本节点:nodeType值是 3    --> 内容 获取html标签内容: document.getElementById(""):接受一个id值,返回的不是内容,而是包括标签在内的所有内容 document.getElementsByTa

JavaScript DOM学习笔记(未完)

获取html内容: 1. document.getElementById(""):接受一个id值,返回的不是内容,而是包括标签在内的所有内容 2. document.getElementsByTagName(""):接受一个标签名(所有属于这个标签名的标签组组成一个数组),返回的不是内容,而是包括标签在内的所有内容 利用数组的方式去找到需要操作的标签arr[i]: 3. document.getElementByClassName(""):接受一

JavaScript闭包学习笔记

原文:JavaScript闭包学习笔记 闭包(closure)是JavaScript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于JavaScript初学者应该是很有用的. 一.变量的作用域 要理解闭包,首先必须理解JavaScript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. JavaScript语言的特殊之处,就在于函数内部可以直接读取全局变量. 1 var n=999; 2 3 function f1() { 4 alert

javascript面向对象学习笔记(二)——创建对象

javascript面向对象学习笔记(二)--创建对象 工厂模式 该模值抽象了创建具体对象de过程.用函数来封装噫特定接口创建对象的细节. function createPerson(name,age,job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name); }; return o; } var person1=createPerson("Chiaki&

JavaScript正则表达式学习笔记之一 - 理论基础

自从年前得空写了两篇文章之后就开始忙了,这一忙就是2个月??.当时信誓旦旦说的定期写篇博客的计划也就泡汤了??,不过好在最近有空,顺便总结一下这两个月遇到的几个问题.第一个问题就是项目中用到了一些正则才发现之前被自己忽略的正则是时候补一补了.恰逢今天周六??,就把自己学习JavaScript正则表达式的笔记整理成文,写了这篇关于正则表达式理论基础的文章,希望本文能对有需要的同学提供帮助.号外:本文相对基础,大神请忽略??. 一. 基本概念 正则表达式是用于匹配字符串中字符组合的模式. 一种几乎可

Javascript MVC 学习笔记(一) 模型和数据

写在前面 最近在看<MVC的Javascript富应用开发>一书,本来是抱着一口气读完的想法去看的,结果才看了一点就傻眼了:太多不懂的地方了.只好看一点查一点,一点一点往下看吧,进度虽慢但也一定要坚持看完.本学习笔记是对书上所讲解内容的理解和记录. 笔记里的代码大多会按书上摘录下来,因为<MVC的Javascript富应用开发>是结合了JQuery库,所以对于JQuery中不太懂的知识点也会附在代码后面,也算是一些额外的收获. MVC概述 要学习MVC,首先得知道MVC是什么,MV

JavaScript正则表达式-学习笔记(不定期更新)

JavaScript权威指南学习笔记,禁止转载! 8.正则表达式 在常见的字符串检索或替换中,我们需要提供一种模式表示检索或替换的规则. 正则表达式使用单个字符串来描述.匹配一系列符合某个句法规则的字符串. 使用: /\d\d\d/.test("123");  //true new RegExp("Bosn").test("Hi,Bosn");  //true 正则基础: . 任何字符(除换行符以外) /-/.test('[email prote

JavaScript对象-学习笔记

JavaScript权威指南学习笔记,禁止转载! 5.对象 对象的属性是无序的,每个属性都有一个字符串key和值value, 数据属性的标签:writable.enumerable.configurable.value 访问器属性的标签:enumerable.configurable.get.set.get表示属性可读,set表示属性可写.属性前面有下划线表示只能通过对象方法get/set访问的属性,也就是访问器属性. (1)创建对象 1)字面量var obj={x:1,y:2}; 2)new: