document 节点

2024-11-03

Document节点

概述 document节点对象代表整个文档,每张网页都有自己的document对象.window.document属性就指向这个对象.只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用. document对象有不同的办法可以获取. 正常的网页,直接使用document或window.document. iframe框架里面的网页,使用iframe节点的contentDocument属性. Ajax 操作返回的文档,使用XMLHttpRequest对象的responseXML属性.

DOM Document节点类型详解

在前面 DOM 概况中,我们知道了 DOM 总共有 12 个节点类型,今天我们就来讲下 DOM 中最重要的节点类型之一的 document 节点类型. 1.概况 Javascript 通过 Document 类型表示文档.在浏览器中, document 对象是 HTMLDocument(继承自 Document 类型)的一个实例,表示整个 HTML 页面.而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问. Document 节点具有如下特性: no

javascript高级程序设计---document节点

document节点是文档的根节点,每张网页都有自己的document节点,window.document就是指向这个节点.只要浏览器开始载入文档,这个节点就开始了对于HTML文档来说,document对象一般有两个子节点. doctype var doctype = document.doctype; doctype // "<!DOCTYPE html>" doctype.name // "html" 第一个子节点是document.doctype

(87)Wangdao.com第二十天_JavaScript document 节点对象

document 节点对象, 代表整个文档,每张网页都有自己的 document 对象. window.document 当浏览器开始加载文档时就存在了正常的网页使用 document 或者 window.document iframe 框架中使用 iframe 节点对象的 contentDocument 属性 Ajax 操作返回的文档,使用 XMLHttpRequest 对象的 responseXML 属性内部节点的 ownerDocument 属性属性 document.default

JS中Document节点总结

document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问. Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment.ProcessingInstruction 对象可表示处理指令.这个不常用的接口表示 XML 文档中的一个处理指令(或 PI).使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点

怎样理解document节点

1. document是七种文档节点中的一种, 是最顶级的一种节点; 2. 其他六种节点都包在document节点之内; 3. document既是一种节点的名字, 也是这种节点在DOM中的实例对象; 4. 每个文档都有一个document节点, 对应document对象. 但因环境不同, 获取document对象的方法并不一样;

document节点的一些个性属性

<ol> <li>document.head:返回文档的< head>节点:</li> <li>document.body:返回文档的< body>节点:</li> <li>document.forms:返回页面中所有表单元素form:</li> <li>document.images:返回页面所有图片元素(即img标签):</li> <li>document.l

深入理解DOM节点关系

× 目录 [1]父级属性 [2]子级属性 [3]同级属性[4]包含方法[5]关系方法前面的话 DOM可以将任何HTML描绘成一个由多层节点构成的结构.节点分为12种不同类型,每种类型分别表示文档中不同的信息及标记.每个节点都拥有各自的特点.数据和方法,也与其他节点存在某种关系.节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构.本文将详细描述DOM间的节点关系节点中的各种关系可以用传统的家族关系来描述,相当于把文档树比喻成家谱.接下来,将把DOM节点关系分为属性

高效的插入子节点DocumentFragment

DocumentFragment 对象 DocumentFragment 接口表示文档的一部分(或一段).更确切地说,它表示一个或多个邻接的 Document 节点和它们的所有子孙节点. DocumentFragment 节点不属于文档树,继承的 parentNode 属性总是 null. 不过它有一种特殊的行为,该行为使得它非常有用,即当请求把一个 DocumentFragment 节点插入文档树时,插入的不是 DocumentFragment 自身,而是它的所有子孙节点.这使得 Docume

jquery 源码解析节点遍历

jquery遍历,用于根据其相对于其他元素的关系来查找或选取html元素,以某项选择开始,并沿着这个选择移动,知道移动被称为对dom进行遍历 ☑ <div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先. ☑ <ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素 ☑ 左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素,同时是 <div> 的后代. ☑ &l

DOM (Document Object Model)文档对象模型

[理解下DOM] DOM——Document Object Mode.DOM是网页上XHTML中文档正文标题啊.段落.列表.样式.以及ID/class等所有其他数据的一个内部表示.我自己的理解是将网页内容变成代码的形式呈现. DOM的主要思想是HTML上每个元素分别对应于DOM中的一个节点. (最容易理解的方式是画树状结构图,这个电脑上不好操作的这里就不展示了.)这个树状结构图是怎么出来的呢?是将网页的XHTML结构通过浏览器解析,在内存中创建整个文档节点对象document,然后从文档中出现的

HTML 学习笔记 JavaScript (节点)

HTML 节点: HTML DOM定义了所有HTML元素的对象和属性以及访问它们的方法. HTML DOM是关于如何获取修改添加或删除HTML元素的标准. 在js中通过document这个对象提供的方法. HTML DOM 节点信息 HTML DOM节点定义:是DOM结构中最基本的组成单元,每一个HTML标签都是结构的节点,节点也称之为元素.DOM节点也有明确的分类看看下图你就明了: DOM节点信息包括节点类型(nodeType),节点名称(nodeName) 和节点值(nodeV

DOM Element节点类型详解

上文中我们讲解了 DOM 中最重要的节点类型之一的 Document 节点类型,本文我们继续深入,谈谈另一个重要的节点类型 Element . 1.概况 Element 类型用于表现 HTML 或 XML 元素,提供了对元素标签名.子节点及特性的访问. Element 节点具有以下特征: nodeType 的值为 1 nodeName 的值为元素的标签名 nodeValue 的值为null parentNode 可能是 Document 或者 Element 其子节点可能是 Element.Te

DOM之节点层次

1.1 Node类型 DOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现.这个Node接口在JS中是作为Node类型实现的:除了IE之外,其他浏览器可访问这个类型.JS中的所有节点类型都继承自Node类型.注意:不是所有节点类型都受到了Web浏览器的支持. 每个节点都有一个childNodes属性,其中保存着一个NodeList对象.NodeList是一种类数组对象,并不是Array的实例.它实际是基于DOM结构动态执行查询的结果.除了在IE8-中,可以使用Array.pro

js获取节点的DOM操作

一直感觉DOM节点什么的乱七八糟的不能理解,可能博客也没办法写清楚,只能把知道的一些信息大致写下来慢慢再补充了. HTML DOM类型 Node类型 Javascript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法. 除IE外其他浏览器都可以访问到这个类型. 每个节点都有一个NodeType属性,用于表明节点的类型,节点类型由在Node类型中定义的下列12个常数值来表示,任何节点类型必居其一. 根据这些常量值可以很容易的判断节点类型. if(someNode

JS获取节点方法

1. 通过顶层document节点获取:(1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已经出现了如prototype.Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id.这个方法可以看作是document.getElementById()的另外一种写法,不过$()的功能更为强大,具体

javascript 获取HTML DOM父、子、临近节点

在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同i

JavaScript获取HTML DOM节点元素详解(转)

在Web运用程序特别是Web 2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要处理的疑问. 51CTO推荐阅读:JavaScript DOM文档遍历实战令人欣慰的是,运用JavaScript获取节点的要领有很多种,这里基本做一下总结: 1. 通过顶层document节点获取 ◆document.getElementById(elementId) :该要领通过节点的ID,可以准确获得须要的元素,是比较基本快捷的要领 .如果页面上含有多个

全栈JavaScript之路（七）学习 Comment 类型节点.

凝视在DOM中,用 Comment 类型节点表示, 构造器函数为: function Comment(){[native code]}. comment 节点的特征: nodeType:8 nodeName:#comment, nodeValue: 凝视的内容, parsentNode: 可能是Element 类型节点,也有可能是Document节点.(在html 标签之外的凝视) 不支持子节点. Comment 类型与 Text 类型都是继承自 CharacterData 类型,

全栈JavaScript路（八）得知 CDATASection 种类节点

CDATASection 只船舶类型节点基于XML 文件.演出CDATA 数据. 构造函数: CDATASection function(){[native code]} CDATASection 种类从继承 Text 种类.因此,这种类型的节点,有着Text 类型节点除splitText(),方法之外的全部方法. CDATASection 类型有下面特点: nodeType:4 nodeName:#cdata-section parentNode: 可能是Element 或者是Docu

document 节点

热门专题