`
太阳神喻
  • 浏览: 106774 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

DOM概述

HTMLJavaScriptXML 
阅读更多

DOM是为了方便处理层次文档（如XML、HTML）的一种技术。下面说一下HTML DOM。

在JavaScript中描述DOM的对象是document，其它document不仅是HTML DOM，它也是XML DOM，如果要直接操作HTML文档，可以使用documentElement属性。如：

var oHtml = document.documentElement;

 oHtml表示了整个HTML文档，下层有两个元素：head和body。获得方法有

var oHead = oHtml.firstChild;
var oBody = oHtml.lastChild;
//或者
var oHead = oHtml.childNodes[0];
var oBody = oHtml.childNodes[1];

 通过HTML元素的outerHTML和innerHTML属性，可以得到当前元素的包括本身和不包括元素本身的HTML代码。

oHead.outerHTML;//包括<head>和</head>标签本身的内容。
oHead.innerHTML;//只包括<head>和</head>标签中间的内容。

 

分享到：
| 三种自定义JavaScript的方法
评论
发表评论

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

相关推荐

    DOM和BOM的使用

    DOM 概述 DOM 是一个文档对象模型，它将 HTML 文档抽象为一个树形结构，允许开发者通过 JavaScript 操作文档的内容和结构。DOM 提供了许多方法和属性，开发者可以通过这些方法和属性来操作文档的内容和结构。 ...

    dom动态生成使用XML DOM生成XML.pdf

    #### 二、XML DOM概述 XML DOM 是一个用于处理XML文档的标准对象模型。它提供了一组API（Application Programming Interface，应用程序编程接口），使得开发者能够轻松地创建、读取、更新和删除XML文档中的元素。XML...

    javadom解析javadom解析

    #### 一、Java DOM 概述 Java DOM（Document Object Model）是一种用于处理 XML 文档的 API。它提供了一种基于内存的树状模型来表示 XML 文档，允许用户轻松地读取、修改或创建 XML 文件。 #### 二、Java DOM 主要...

    第 5 章 BOM 和DOM.pptx

    DOM 概述： 文档对象模型（DOM）是指文档的对象模型，是一个抽象的表示文档结构的模型。DOM 模型将文档表示为一个树形结构，每个节点都可以是元素、属性、文本等。DOM 模型提供了对文档的访问和修改能力。 DOM ...

    CUMT Web DOM课件及实例

    1. **HTML DOM概述** HTML DOM是HTML文档的编程接口，它提供了一种标准的方式来表示HTML元素、属性和内容。通过DOM，开发者可以使用JavaScript或其他脚本语言操作HTML页面上的任何元素，实现动态交互效果。 2. **...

    DOM、JDOM、DOM4J解析XML实例.pdf

    ##### 一、DOM 概述与应用实例 DOM（Document Object Model）是一种树状结构的标准，用于表示 XML 文档的数据结构。它将 XML 文档视为节点树，其中每个节点都是文档中的某个部分。DOM 解析器读取 XML 文件后将其...

    FriendsofED.DOM.Scripting.Dec.2010.rar

    1. **DOM概述**：DOM是W3C制定的一种标准，它将HTML或XML文档解析为一个可操作的对象树，允许程序和脚本动态更新、添加、删除和改变元素和属性。DOM的核心理念在于将网页内容结构化，方便进行数据操作。 2. **DOM...

    JavaScript DOM编程

    1. DOM概述 - DOM是一种数据模型，它将HTML或XML文档解析成一个可编程的对象结构，这些对象可以被JavaScript或其他脚本语言访问和修改。 - DOM标准分为三个部分：核心DOM，针对任何结构化文档；XML DOM，专门针对...

    JavaScript HTML DOM.docx

    #### 一、HTML DOM 概述 **HTML DOM (文档对象模型)** 是一种标准的对象模型，用于表示 HTML 文档，并定义了访问和操作 HTML 文档的标准方法、属性和事件。当浏览器加载 HTML 文档时，它会被转化为一个 DOM 对象...

    Web程序开发：第15章 DOM操作.pdf

    15.1 DOM概述 DOM定义了一个标准化的编程接口，允许程序员和脚本动态地访问和更新文档内容、结构和样式。它分为三个主要部分： - 核心DOM：适用于任何结构化文档 - XML DOM：专为XML文档设计 - HTML DOM：专门针对...

    dom编程的笔记

    #### DOM概述 DOM，全称为Document Object Model，即文档对象模型，是一种处理可扩展标记语言的标准编程接口。它提供了一种在HTML或XML文档中读取和修改内容、结构以及样式的手段。DOM允许程序和脚本动态地访问和...

    JavaScript_——DOM总结.txt

    ### JavaScript DOM 概述 #### 一、DOM (Document Object Model) 介绍 **DOM**，即文档对象模型，是一种与平台和语言无关的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在 Web 开发中，DOM ...

    Javascript+DOM+总结

    ### JavaScript DOM 概述 DOM（Document Object Model）文档对象模型是一种用于表示 HTML 或 XML 文档的标准格式。通过 DOM，JavaScript 可以访问并操作页面中的所有元素和属性，从而实现动态更新页面内容和样式的...

    比较详细的XMLDOM对象方法详解第1/2页

    #### 一、XML DOM概述 XML DOM (Document Object Model) 是一种处理可扩展标记语言(XML)的标准方式。DOM定义了一种结构化的表示方式，用于访问和操作XML文档中的数据。通过DOM，开发人员可以创建、读取、更新和删除...

    JavaScript利用HTML DOM进行文档操作的方法_.docx

    #### DOM 概述 文档对象模型 (DOM) 是 W3C 制定的一项标准，用于访问和处理 XML 和 XHTML 等结构化的文档。DOM 提供了一个平台和语言中立的接口，使得程序和脚本能够动态地访问和更新文档的内容、结构和样式。 - *...

    Java Script（js）中的 DOM 和事件（csdn）————程序.pdf

    二、DOM概述 DOM是一种基于树的数据结构，允许开发者通过API操作文档的结构、内容和样式。无论文档是HTML还是XML，DOM提供了一种统一的访问方式。相比于基于事件的SAX API，DOM要求整个文档加载到内存，适合处理较小...

    XML 中文参考手册(chm)

    1. **DOM概述**：解释DOM是什么，它是如何工作的，以及为什么它对于处理XML文档至关重要。DOM将XML文档视为一个树形结构，其中每个元素、属性和文本都代表树中的一个节点。 2. **节点类型**：DOM定义了多种节点类型...

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