JavaScript笔记八:DOM
2014-12-06 18:11
225 查看
DOM(文档对象模型):针对HTML和XML文档的一个API(应用程序编程接口)。描绘了一个层次化的节点树,允许开发人员添加、移除、修改页面的某一部分。成为表现和操作页面标记的真正的跨平台、语言中立的方式。
1、节点层次
DOM可以将任何的HTML或XML文档描绘成一个多层节点构成的结构。
Node类型:用于抽象地表示文档中一个独立的部分,所有其他的类型都继承自Node;
Document类型:表示整个文档,是一组分层节点的根节点;
Element类型:表示文档中的所有HTML或XML元素,可以用来操作这些元素的内容和特性;
Text类型、Comment类型、CDATASection类型、DocumentFragment类型、Attr类型:分别表示文本内容、注释、文档类型、CDATA区域和文档片段。
2、DOM操作技术
创建动态脚本:插入外部文件盒直接插入JavaScript代码
<script type=”text/javascript” src=”xx.js”></script>
或 <script type=”text/javascript”>
</script>
同样创建动态样式也是如此
<link rel=”stylesheet” type=”text/css”href=”xx.css”>
或 <style type=”text/css”>
</style>
1、节点层次
DOM可以将任何的HTML或XML文档描绘成一个多层节点构成的结构。
Node类型:用于抽象地表示文档中一个独立的部分,所有其他的类型都继承自Node;
Document类型:表示整个文档,是一组分层节点的根节点;
Element类型:表示文档中的所有HTML或XML元素,可以用来操作这些元素的内容和特性;
Text类型、Comment类型、CDATASection类型、DocumentFragment类型、Attr类型:分别表示文本内容、注释、文档类型、CDATA区域和文档片段。
2、DOM操作技术
创建动态脚本:插入外部文件盒直接插入JavaScript代码
<script type=”text/javascript” src=”xx.js”></script>
或 <script type=”text/javascript”>
</script>
同样创建动态样式也是如此
<link rel=”stylesheet” type=”text/css”href=”xx.css”>
或 <style type=”text/css”>
</style>
相关文章推荐
- 比较详细的javascript DOM 学习笔记第1/2页
- JavaScript DOM笔记:获取及操作元素
- JavaScript 学习笔记(十二) dom
- JavaScript DOM 笔记
- Javascript学习指南(第2版)笔记(六) DOM、Ajax及其数据
- [翻译]javascript学习笔记 (二)-DOM
- javascript 学习笔记(一)DOM基本操作
- JavaScript 学习笔记(十三)Dom创建表格
- JavaScript DOM 学习笔记
- Javascript高级程序设计第二版第十一章--DOM2,DOM3--笔记
- JavaScript DOM笔记:修改DOM
- JavaScript DOM笔记:获取及操作元素
- JavaScript DOM笔记:修改DOM
- JavaScript 学习笔记(十二) dom
- javascript学习笔记 (二)-DOM
- 比较详细的javascript DOM 学习笔记第1/2页
- JavaScript DOM笔记:修改DOM
- JavaScript学习笔记---DOM技术
- Javascript DOM学习笔记1
- 学习笔记---Javascript - DOM 及 简版JS二级联动