`
太阳神喻
  • 浏览: 105523 次
  • 性别: 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的方法
评论
发表评论

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

相关推荐

    javascript完全学习手册2 源码

    6．1 DOM概述 6．1．1 DOM简介 6．1．2 DOM与HTML文档 6．2 DOM对象 6．2．1 DOM基本接口 6．2．2 DOM基本对象 6．3 使用DOM 6．3．1 DOM基础 6．3．2 Node和NodeList接口 6．3．3 Element接口 6．3．4 Text接口和...

    javascript完全学习手册1 源码

    6.1 DOM概述 122 6.1.1 DOM简介 122 6.1.2 DOM与HTML文档 124 6.2 DOM对象 125 6.2.1 DOM基本接口 125 6.2.2 DOM基本对象 128 6.3 使用DOM 128 6.3.1 DOM基础 129 6.3.2 Node和NodeList接口 131 6.3.3 Element接口 ...

    增量域：一个就地DOM差异库

    概述 增量DOM是用于建立DOM树并在数据更改时就地更新它们的库。 它与已建立的虚拟DOM方法的不同之处在于，没有创建任何中间树（现有树就地进行了变异）。 这种方法显着减少了内存分配和GC更新，从而对DOM树进行了...

    incremental-dom.dart:Dart增量dom港口

    概述 增量DOM是用于建立DOM树并在数据更改时就地更新它们的库。 它与已建立的虚拟DOM方法的不同之处在于，没有创建任何中间树（现有树就地进行了变异）。 这种方法显着减少了内存分配和GC更新，从而对DOM树进行了...

    JavaScript基础和实例代码

    5.1 DOM概述 5.1.1 基本对象模型 5.1.2 Netscape Navigator浏览器扩展 5.1.3 Internet Explorer浏览器扩展 5.1.4 Opera、Mozilla和其他浏览器扩展 5.1.5 W3C DOM 5.1.6 W3C DOM规范级别 5.2 文档对象模型的层次 5.3 ...

    源文件程序天下JAVASCRIPT实例自学手册

    5.1 DOM概述 5.1.1 基本对象模型 5.1.2 Netscape Navigator浏览器扩展 5.1.3 Internet Explorer浏览器扩展 5.1.4 Opera、Mozilla和其他浏览器扩展 5.1.5 W3C DOM 5.1.6 W3C DOM规范级别 5.2 文档对象模型的层次 5.3 ...

    JavaSE-DOM视频讲解

    资源名称：JavaSE-DOM视频讲解资源目录：【】01-DOM(概述)【】01-DOM(示例-新闻字体)【】01-DOM(示例-邮件列表)【】02-DOM(DOM解析的特点)【】02-DOM(示例-新闻字体2)【】02-DOM(示例-调查问卷)【】03-DOM(DOM三级...

    DOM编程接口的一些描述

    编程接口指应用程序访问XML文档的API，常用的有DOM、SAX和JDOM三种，及微软的MSXML和.NET的Xml、Java的JAXP三个。本章先概述XML之API的基本情况，然后分别介绍这三种和三个API的主要内容、编程方法和应用实例。

    domvas, Domvas实现了连接DOM和画布的丢失部分.zip

    domvas, Domvas实现了连接DOM和画布的丢失部分 Domvas概述Domvas实现了连接DOM和画布的丢失部分。 它提供了任意的DOM内容并将它的绘制到你所选择的画布的能力。用法var canvas = document.getElementById("test");

    Android 创建与解析XML（五）——详解Dom4j方式

    1、Dom4j概述 dom4j is an easy to use, open source library for working with XML, XPath and XSLT on the Java platform using the Java Collections Framework and with full support for DOM, SAX and JAXP. ...

    Android创建与解析XML（二）——详解Dom方式

    1. Dom概述 Dom方式创建XML，应用了标准xml构造器 javax.xml.parsers.DocumentBuilder 来创建 XML 文档，需要导入以下内容 javax.xml.parsers javax.xml.parsers.DocumentBuilder javax.xml.parsers....

    JavaScript_2_DOM和BOM1

    第三章 JavaScript的DOM3.1 概述通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。当网页被加载时，浏览器会创建页面

    dom.el:Dom.el 为现代更新

    概述 如果您正在处理 XML 文档，那么由 XML 解析器 (xml.el) 返回的解析数据结构对您来说可能就足够了：列表、符号、字符串的列表以及许多访问器函数。 如果您想要一个更复杂的数据结构来处理您的 XML 文档，您可以...

    JS中获取 DOM 元素的绝对位置实例详解

    概述 这些是本文涉及的 API 对应的文档和标准，供查阅： API 用途 文档 标准 offsetTop 相对定位容器的位置 MDN CSSOM View Module clientTop 上边框宽度 MDN CSSOM View Module .getBo

    dom-snapshot-ui：唐快照的用户界面

    dom快照用户界面演示版 本自述文件概述了与此Ember应用程序进行协作的细节。 此应用程序的简短介绍可以轻松地转到此处。先决条件您需要在计算机上正确安装以下物品。 （使用npm）安装git clone 此存储库cd dom-...

    DOM（document object model）文档对象模型

    本文概述DOM分类,document的方法以及属性、element的方法和属性document获取全局内容和创建全局内容，其中包括了节点属性和节点的相关方法和分类，本文结尾拓展了操作节点的方法和删除空文本节点的相关方法

    dom4j从基础到精通.pdf

    有关dom4j从基础与进阶文档，帮助相关人员学习， 精通JS方面的快速开发,资源描述可以把电子书的概述、源代码的说明、文档的片段填在这里，描述详细会获得我们的推荐，更容易被他人下载！描述大于20字不是问题吧

    theroomjs:香草javascript插件，可让您概述dom元素，例如网络检查器

    香草javascript插件，可让您概述DOM元素（如Web检查器）的轮廓。 theroomjs可以作为theRoom全局访问。 它与现代浏览器兼容，例如Google Chrome，Mozilla Firefox，Safari，Edge和Internet Explorer。 选项 名称 ...

    virtual-dom-docs-wip:虚拟 dom 文档编写时的临时位置

    概述virtual-dom 由四个主要部分组成： - 负责两个虚拟表示 DOM 节点 - 负责获取由的并使用它来修改渲染的 DOM - dom 元素的虚拟表示 - 从简单数据结构生成 VNode 的接口新手应该从阅读 VNode 和 VText 文档开始，...

    Android利用Dom对XML进行增删改查操作详解

    1. 概述 平常我们一般是使用JSON与服务器做数据通信，JSON的话，直接用GSON或者其他库去解析很简单。但是，其他有些服务器会返回XML格式的文件，这时候就需要去读取XML文件了。 XML的解析有三种方式，在Android中...

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