DOM_节点层次_Document类型

一、Document类型

nodeType: 9;

nodeName: ”#document”;

nodeValue: null;

parentValue: null;

ownerDocumet: null.

其他浏览器(除IE)可以访问Document的构造函数与原型;

所有浏览器 (包括IE8 +)访问 HTMLDocument 的构造函数与原型;

var html = document.documentElement;//<html>的引用——所有浏览器支持
var body = document.body;//<body>的引用——所有浏览器支持

二、查找元素 document.getElementById()  ||  documet.getElementByTagName   ||  documet.getElementByName

document.getElementById() —— 区分大小写,IE8及更早不区分大小写。

特殊情况:<input>  <textarea>  <button>  <select>

<input type="text" name="text1" value="textVaile">
    <div id="text1"></div>

IE7   通过document.getElementById(“text1”) 返回input

其他浏览器   通过document.getElementById(“text1”) 返回div

documet.getElementByTagName() —— 不区分大小写  返回一个HTMLCollection “动态”集合 类似NodeList;

<img src="a.gif" name="img">
var imgName = document.getElementByTagName("img").namedItem("img");

documet.getElementByName() —— 返回一个HTMLCollection “动态”集合 类似NodeList;

其他HTMLCollection 对象:

document.anchors——所有带name的<a>元素

document.images     document.forms     document.links

三、检测浏览器支持给定名称和版本的功能

var hasCss2 = document.implementation.hasFeature("CSS","2.0")
时间: 2024-11-06 06:23:07

DOM_节点层次_Document类型的相关文章

DOM_节点层次_Element类型

一.Element类型: nodeType: 1; nodeName: 元素名; nodeValue: null; parentValue: Document 或者 Element; var oDiv = document.getElementById("example"); alert(oDiv.tagName);//"DIV" alert(oDiv.nodeName);//"DIV" alert(oDiv.tagName == oDiv.no

javascript DOM中的节点层次和节点类型概述

针对JS高级程序设计这本书,主要是理解概念,大部分内容源自书内.写这个主要是当个书中的笔记加总结 存在的问题请大家多多指正! 因为DOM这方面的对象方法操作性都特别强,但是逻辑很简单,所以就没有涉及到实际的代码. 另外这篇不包括DOM2,DOM3的内容 DOM 文档对象模型,针对HTML和XML文档的一个API.描绘了一个层次化的结点树,循序开发人员添加,移除修改页面上的一部分. 1节点层次 DOM把文档描绘成一个由多层节点构成的结构.节点有不同的类型.节点之间的关系构成了层次. 文档节点是每个

《JAVASCRIPT高级程序设计》节点层次和DOM操作技术

DOM可以将任何HTML和XML文档描绘成一个由多层次节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息,每种类型都继承与Node接口,因此都共同享有一些属性和方法,同时,也拥有各自的特点.数据和方法.另外,每个节点都与其余节点存在一些关系. 一.节点树 以下面代码为例,先简单介绍一下: <html> <head> <title>Sample Page</title> </head> <body> <p&g

第10章 DOM (1 节点层次)

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分. 10.1 节点层次 DOM 可以将任何HTML 或XML 文档描绘成一个由多层节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记.每个节点都拥有各自的特点.数据和方法,另外也与其他节点存在某种关系.节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构.以下面的HTML 为例:

DOM之节点层次

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

深入理解DOM节点类型第三篇——注释节点和文档类型节点

× 目录 [1]注释节点 [2]文档类型 前面的话 把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug.IE8-浏览器将标签名为"!"的元素视作注释节点,所以文档声明也被视作注释节点.本文将详细介绍这两部分的内容 注释节点 [特征] 注释在DOM中是通过Comment类型来表示,注释节点的三个node属性——nodeType.nodeName.nodeValue分别是8.'#comment'和注释的内容,其父节点parentNode可能是Document或Element,

通过节点层次关系获取节点

<!--通过节点的层次关系获取节点对象. 关系:1.父节点:parentNode:对应一个节点对象.2.子节点:childNodes:对应一个节点集合.3.兄弟节点: 上一个兄弟节点:parviousSibling下一个兄弟节点:nextSibling--> <script type="text/javascript"> function getNodeByLevel(){ //获取页面中的表格节点var tabNode = document.getElemen

JavaScript的DOM_节点类型的扩展

DOM 自身存在很多类型,比如 Element 类型(元素节点)再比如 Text 类型(文本节点).DOM 还提供了一些扩展功能. 一.Node类型 Node 接口是 DOM1 级就定义了,Node 接口定义了 12 个数值常量以表示每个节点的类型值.IE6,7,8不支持,其他所有浏览器都可以访问这个类型. 虽然这里介绍了 12 种节点对象的属性,用的多的其实也就几个而已. <script> window.onload =function(){ alert(Node); //火狐打印出函数本身

DOM节点之DocumentType类型、DocumentFragement类型

DocumentFragment类型 [定义] 在所有节点类型中,只有DocumentFragment在文档中没有对应的标记.DOM规定文档片段(document fragment)是一种“轻量级”的文档,可以包含和控制节点,但不会像完整的文档那样占用额外的资源. [特征] nodeType: 11 nodeName: #document-fragment nodeValue:null parentNode: null childNode:Element.ProcessingInstructio