首先介绍怎么将CSS和javaScript独立放到文件中，再由HTML页面引用。这个参考一般网页的head即可。
<link rel="stylesheet" type="text/css" href="CSS文件路径" />
<script type="text/javascript" src="JS文件路径"> </script>//注意<script>和</script>之间
必须保留一个空格
关于DOM的几个基本事件：（基本事件的属性值为javascript的函数加";"）
1.onload页面加载之前运行。
2.onblur元素失去焦点时运行。
3.onchange域的内容发生改变时运行。
4.onclick点击某个元素时运行。
5.onsubmit点击submit按钮时运行。
6.onreset点击reset按钮时运行。
7.onfocus元素获得焦点时运行。
关于DOM的几个关键名词：
根元素：在一个文档中，包含所有其他元素的元素。
分支：一个分支是元素和内容的一个集合。
父亲：包含其他标记的标记。
孩子：被包含在其他标记内的标记。
叶子：一种没有孩子的标记，例如
没有文本内容的元素或者文本。
节点：任何单一的标记，例如
元素或者文本。
关于document对象的几个常用属性以及方法：
1.documentElement取得html文档的<html>根元素。
2.getElementById()通过id取得元素。
3.getElementByTagName()通过标记名取得元素，一般是一个数组。
4.createElement("tag_name")通过元素的标记名创建一个元素。
5.createTextNode("text")创建一个文本，文本值为text。
关于元素对象的几个常用属性以及方法：
1.parentNode父节点元素对象。
2.childNode所有孩子节点的元素对象，一般是一个数组。
3.firstChild第一个孩子节点的元素对象。
4.lastChild最后一个孩子节点的元素对象。
5.nodeName节点的名称，
元素才
有nodeName属性，而
文本却
没有nodeName属性，文本中nodeName属性值为null/undefined。
6.nodeValue节点的值，
文本才
有nodeValue属性，而
元素却
没有nodeValue属性，元素中的nodeValue属性值为null/undefined。
6.nodeType节点的类型，当nodeType的值为Node.ELEMENT_NODE时，表示为元素节点，当nodeType的值为Node.TEXT_NODE时，表示为文本节点。
7.onclick代表着元素的onclick事件，直接将onclick函数名赋值给onclick属性即可。类似的事件都有相对应的属性。
8.replaceChild(element_new,element_old)用该元素对象下的新节点
代替现有的孩子节点。
9.insertBefore(element_new_before_old,element_old)在该元素对象下现有的孩子节点的
前面插入一个新的孩子节点,类似的还有insertAfter（element_new_after,element_old）。
10.appendChild(element_new)在该元素对象下
新增一个孩子节点。
11.关键字this，为触发基本事件时，javascript函数体内通过this关键字获取当前触发的元素对象。
12.className为元素对象设置css样式的class。
分享到：
相关推荐
**DOM入门操作doc版** DOM（Document Object Model）是HTML和XML文档的一种标准表示，它将文档解析为一个可编程的结构模型，允许开发者通过JavaScript或其他脚本语言对文档进行动态更新、添加、删除和修改元素。这...
在这个"(JavaScript)Dom入门35个简单实例"的压缩包中，你将找到一系列帮助初学者理解DOM操作的实践教程。 1. **添加和删除元素**：在这些实例中，你将学习如何使用`createElement()`和`appendChild()`方法动态创建...
本文档主要讲述的是XML DOM 入门指南；主要讨论当 XML 文档被 Microsoft(R) XML Parser 显露之后，如何通过执行 XML DOM 来访问和操作 XML 文档。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看
在DOM入门教程中，通常会介绍如何遍历和操作DOM树。例如，通过JavaScript的`document`对象，我们可以访问到整个HTML文档，并利用它的方法来查找、修改或创建新的节点。以下是一些常见的DOM操作： 1. **获取元素**：...
**标题解析：** "dom4j入门资料全.rar" 这个标题表明这是一个关于dom4j初学者的综合资源包，包含多种类型的资料，可能是为了帮助用户快速掌握dom4j这个Java库的基础知识。 **描述解析：** "包含jar，电子书，网页...
在这个"我写的几个DOM4J的入门例子"中，我们可以看到一系列的示例，涵盖了XML文件的读取和写入等基本操作。 1. **XML读取**： - `books.xml`、`sql.xml`、`data.xml`、`xml002.xml`和`xml003.xml`这些文件很可能是...
中文 DOM4j入门例子 一。解析XML 二。使用迭代器： 三。强大的导航使用XPath： 四。快速循环 五。创建一个新的XML文档 六。记录到一个文件中的一个文件， 七。转换为字符串 八。用XSLT样式文档
【dom4j基础入门文档（SAX,DOM,XPATH）】 dom4j是一个流行的Java库，专门用于处理XML文档。相较于W3C DOM API，dom4j的优势在于它内置了本地XPath支持，使得XML文档的查询和操作更为简便。本文将深入介绍dom4j的...
入门代码 var h = require ( 'virtual-dom/h' ) var main = require ( 'main-loop' ) var ud = require ( 'ud' ) var render = ud . defn ( module , function render ( state ) { return h ( 'div' , [ h ( 'h1' ...
dom-starter-babel-es6 准系统与起动机使用ES6和 / 与快速开始 $ npm run watch &$ npm start命令npm run build -构建js以进行生产npm run watch watch-根据文件更改自动构建js以进行开发npm start开发服务器入门...
中文版的，非常棒的一本JS、DOM入门书,本书讲述了JavaScript和DOM的基础知识，但重点放在DOM编程技术背后的思路和原则：预留退路、循序渐进和以用户为中心等，这些概念对于任何前端Web开发工作都非常重要。...
一款简单的javascript DOM入门教程，适合新手，看一遍就应该可以做出简单的DOM运用了，而且很短
**DOM4J入门详解** DOM4J是一款强大的Java XML API，它提供了丰富的DOM、SAX、JDOM等接口，使得处理XML文档变得更为便捷。在本文中，我们将深入探讨DOM4J的基础用法，帮助初学者快速入门。 **1. 安装与引入** 在...
### PHP Simple HTML DOM 解析器使用入门 #### 一、简介 在Web开发领域，解析HTML文档是一项常见的任务。PHP Simple HTML DOM Parser是一款强大的库，它简化了这一过程，使得开发者能够更加高效地处理HTML文档。该...
DOM与SAX入门，适合初学者，理解DOM与SAX，进而web前端开发。
本教程“DOM解析XML应用实例（入门经典案例）”旨在帮助初学者快速掌握DOM解析XML的基本方法和实践技巧。 XML（Extensible Markup Language）是一种标记语言，常用于存储和传输数据，特别是在Web应用程序中。它具有...
"dom4j-jar与dom4j解析xml文档介绍" 这个标题告诉我们，我们将探讨的是一个关于dom4j库的jar文件，以及如何使用这个库来解析XML文档。dom4j是一个Java库，它提供了丰富的API用于处理XML、HTML和DOM文档。这里的"jar...
"XML入门手册.chm" 另一本手册可能更专注于XML的基础知识，包括XML声明、元素、属性、文本内容、注释、处理指令、实体引用等基本概念。此外，还可能涵盖了XML Schema或者DTD（Document Type Definition）用于验证XML...
### DOM4j 教程与实例详解 #### 一、DOM4j简介 DOM4j是一种用于处理XML的Java API，其设计目的是提供一个高效、功能丰富且易于使用的API。DOM4j是一个开源项目，可以在SourceForge等开源平台上获取到。DOM4j不仅在...