`
qmug
  • 浏览: 201515 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript 中的DOM

JavaScript浏览器HTMLXML 
阅读更多
DOM 定义了JavaScript 可以进行操作的文档的各个功能部件的接口，提供访问文档各
个功能部件（如document、form、textarea 等）的途径以及操作方法。
在浏览器载入文档（HTML 或XML）时，根据其支持的DOM 规范级别将整个文档规
划成由节点层级构成的节点树，文档中每个部分都是一个节点，然后依据节点树层级同时根
据目标节点的某个属性搜索到目标节点后，调用节点的相关处理方法进行处理，完成定位到
处理的整个过程。先看下面简单的HTML 代码 


<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd">
<html>
<head>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<title> First Page!</title>
</head>
<body>
<h1>Test!</h1>
<!--NOTE!-->
<p>Welcome to<em> DOM </em>World! </p>
<ul>
<li>Newer</li>
</ul>
<ul>
<li>Older</li>
</ul>
<ul>
<li>ww</li>
<li>cc</li>
</ul>
</body>
</html>


浏览器载入该文档后，根据DOM 中定义的结构，将其以图1.10 所示的节点树形式表
示出来（灰色表示本本节点）。



图[img]1.10 DOM [/img]载入实例中文档后形成的节点树层级
关于DOM 的具体内容在本书“文档对象模型（DOM）”一章将作详细的介绍。
分享到：
| 通过文档事件处理程序引入JavaScript 脚本 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript中dom的基础概念.pdf

    JavaScript 中 DOM 的基础概念 JavaScript 中的 DOM（Document Object Model，文档对象模型）是 HTML 和 XML 文档的编程接口。它使得开发者可以使用 JavaScript 来动态地访问和操作文档的结构和内容。DOM 中的基础...

    document 对象.html-javascript中DOM对象内容

    document 对象.html-javascript中DOM对象内容

    JavaScript DOM编程艺术【第2版&高清】.pdf

    但是，根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术，高清资源，无比经典，值得拥有”，我们可以推断这本书主要讲述了JavaScript中DOM（文档对象模型）的相关编程技术。...

    JavaScript_DOM编程艺术第二版（中文）

    总的来说，"JavaScript DOM编程艺术第二版"是一本全面介绍JavaScript与DOM结合的实践指南，它将帮助读者从初级到高级，系统地掌握JavaScript在网页动态化中的应用，提升Web开发技能。通过阅读这本书，开发者不仅能...

    JavaScript中DOM对象的思维导图

    `Element`对象是DOM中的一个重要组成部分，代表HTML或XML文档中的单个标签。`Element`对象有许多属性和方法，比如`children`属性可以获取一个元素的所有子元素。`HTMLCollection`和`NodeList`都是存储节点的集合，但...

    JavaScript之DOM事件（源代码）

    JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源...

    JavaScript.DOM编程艺术(第2版)附录及源码.rar

    这本书的附录和源码提供了丰富的实践案例和深入的代码示例，帮助读者更好地理解和掌握JavaScript在DOM编程中的应用。 附录通常包括对书中概念的补充解释、技术参考或实用工具，而源码则展示了实际应用中的编程技巧...

    JavaScript dom操作 dom元素查询 示例代码

    JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码...

    JavaScript DOM编程艺术.pdf

    《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM（文档对象模型）编程的经典图书，它不仅阐述了JavaScript和DOM的基本知识，还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...

    javascript_DOM操作.rar

    在这个压缩包文件“javascript_DOM操作.rar”中，我们可以找到一个名为“javascript_DOM操作.docx”的文档，它很可能是详细介绍了JavaScript与DOM交互的相关知识。 首先，DOM是网页内容的树状表示，它将HTML或XML...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍，专注于讲解如何使用JavaScript与Document Object Model（DOM）进行交互。DOM是Web页面的结构化表示，它允许我们通过编程方式操纵HTML和XML...

    JavaScriptDOM编程艺术（第2版）PDF版本下载.txt

    根据提供的文件信息，我们可以推断出这是一本关于JavaScript DOM编程技术的书籍...通过深入学习本书中的内容，开发者可以更好地理解和掌握JavaScript与DOM的结合方式，提高Web开发的能力。希望上述内容能对你有所帮助。

    经典之作javascript dom编程艺术源码

    3. **插入元素**：有多种方式将新元素插入到DOM中，如`appendChild()`，`insertBefore()`，`replaceChild()`等。`appendChild`用于在元素末尾添加子节点，`insertBefore`则可在指定子节点前插入新节点，`...

    Beginning JavaScript with DOM Scripting and Ajax: Second Editon

    Beginning JavaScript with DOM Scripting and Ajax is an essential resource for modern JavaScript programming. This completely updated second edition covers everything you need to know to get up-to-...

    随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip

    JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍，主要涵盖了JavaScript语言在Web前端开发中的应用，特别是关于DOM（Document Object Model）的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...

    Javascript+DOM编程艺术（完整版）.pdf

    《Javascript+DOM编程艺术（完整版）》是Jeremy Keith所著的一本关于前端开发技术的书籍，专注于Web设计中的JavaScript和DOM编程。本书被认为是前端开发者必读的经典之作，其清晰的文笔、遵循优秀的编程原则和严格的...

    javascript Dom 编程艺术

    JavaScript是Web开发中最重要的一门语言，它强大而优美。无论是桌面开发，还是移动应用。JavaScript都是必须掌握的技术。W3C的DOM标准是开发Web应用的基石。已经得到所有现代浏览器的支持，这使得跨平台Web开发成了...

    javascript_DOM操作

    在JavaScript中，我们可以利用DOM API来创建、修改、删除和查找网页上的任何元素，实现动态更新和交互。 **DOM的基本操作** 1. **获取元素**: `document.getElementById()` 是最基础的获取元素方法，通过ID查找。...

    javaScript-DOM编程艺术

    DOM编程中，DHTML（Dynamic HTML）是HTML、CSS和JavaScript结合的结果，使得网页可以动态更新和交互。通过JavaScript，我们可以找到页面上的特定元素，改变它们的属性，添加新的元素，甚至删除现有元素。例如，使用`...

Magicbox
Global site tag (gtag.js) - Google Analytics