一 介绍
使用getElementById()方法来访问指定id的节点,并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、节点类型和节点值。
1、nodeName属性
该属性用来获取某一个节点的名称。
[sName=]obj.nodeName
sName:字符串变量用来存储节点的名称。
2、nodeType属性
该属性用来获取某一个节点的类型。
[sType=]obj.nodeType
sType:字符串变量,用来存储节点的类型,该类型值为数值型。该参数的类型如下表所示。
类 型 | 数 值 | 节 点 名 | 说 明 |
元素(element) | 1 | 标记 | 任何HTML或XML的标记 |
属性(attribute) | 2 | 属性 | 标记中的属性 |
文本(text) | 3 | #text | 包含标记中的文本 |
注释(comment) | 8 | #comment | HTML的注释 |
文档(document) | 9 | #document | 文档对象 |
文档类型(documentType) | 10 | DOCTYPE | DTD规范 |
3、nodeValue属性
该属性将返回节点的值。
[txt=]obj.nodeValue
txt:字符串变量用来存储节点的值,除文本节点类型外,其他类型的节点值都为“null”。
二 应用
访问指定节点,本示例在页面弹出的提示框中,显示了指定节点的名称、节点的类型和节点的值。
三 代码
<head> <title>访问指定节点</title> </head> <body id="b1"> <h3 >三号标题</h3> <b>加粗内容</b> <script language="javascript"> <!-- var by=document.getElementById("b1"); var str; str="节点名称:"+by.nodeName+"\n"; str+="节点类型:"+by.nodeType+"\n"; str+="节点值:"+by.nodeValue+"\n"; alert(str); --> </script> </body>
四 运行结果
相关推荐
了解和熟练掌握JavaScript访问DOM对象指定节点的方法是前端开发的基本技能。`getElementById()`方法是最常用的选择器之一,配合`nodeName`、`nodeType`和`nodeValue`属性,可以方便地获取和操作HTML元素的属性和内容...
这个"XMLDOM对象方法中文手册chm"提供了关于XML DOM在中文环境下的详细指南,对于理解和应用XML DOM技术至关重要。 1. **XML DOM基本概念** - DOM是一种与平台和语言无关的接口,它将XML文档解析为一个树形结构,...
在本教程中,我们将深入探讨如何使用DOM4J解析(读取)XML节点数据,不受XML层级的限制。 首先,确保你已经下载了必要的依赖,即DOM4J库。通常,这将是一个名为`dom4j-x.x.x.jar`的文件,其中x.x.x是DOM4J的版本号...
这篇“XMLDOM对象方法手册”提供了关于如何利用XMLDOM对象进行XML操作的详细指南。 1. **XMLDOM对象的创建** 在JavaScript中,可以使用`ActiveXObject`来创建XMLDOM对象,例如: ```javascript var xmlDoc = new...
在JavaScript中,DOM对象是用于操作网页内容的关键工具。 Window对象是DOM中最高级别的对象,它代表浏览器的窗口。Window对象拥有许多属性和方法,如: - `document`:引用当前窗口中的HTML文档。 - `history`:...
XMLDOM对象方法手册.chm是关于XMLDOM接口及其方法的详细参考资料,它通常包含了如何使用这些方法来查询、修改和操作XML文档的详细信息。手册中可能包括了如以下内容: 1. **createNode**:创建新的XML节点,可以是...
生成DOM对象主要有两种方式:一是使用`document.createElement()`方法,二是利用innerHTML属性。`document.createElement()`允许我们创建指定标签名的新元素,例如: ```javascript var newElement = document....
2. 通过元素的 name 属性访问元素:`document.getElementsByName()”,访问文档中指定节点。 3. 通过公共的文档树导航起点:`document` 对象提供了多个属性来访问文档的不同部分,如 `document.body`、`document....
### DOM对象详解 #### 一、DOM的基本概念 **DOM** 是 **Document Object Model** 的缩写,中文译作“文档对象模型”。它提供了一种跨平台和跨语言的方式来访问和修改HTML或XML文档的内容和结构。DOM的核心价值在于...
DOM对象分为不同的层次,包括Document对象、Element对象、Attribute对象和TextNode对象等。 1. **Document对象**: - `close()`:关闭由`document.open()`打开的输出流。 - `getElementById()`:返回具有特定ID的...
DOM文档对象是这个标准的核心,允许我们通过编程方式访问和修改页面元素。下面将详细介绍DOM文档对象以及如何在JavaScript中使用它。 首先,DOM是一个树形结构,每个HTML或XML文档都被解析为一个节点层级。根节点是...
- **删除节点(Removing Nodes)** - `removeChild()`方法用于删除指定的子节点。 - **查找节点(Finding Nodes)** - `getElementById()`、`getElementsByClassName()`、`getElementsByTagName()`等方法用于根据ID...
**DOM对象快速查询手册(CHM版)** DOM(Document Object Model)是Web开发中的一个核心概念,它是一个标准,允许编程语言如JavaScript与HTML和XML文档进行交互。DOM将这些文档表示为一棵由节点组成的树,使得我们...
在本章中,我们将深入探讨DOM(文档对象模型)节点操作的下半部分。DOM是HTML和XML文档的编程接口,允许我们通过JavaScript等脚本语言动态地修改、添加或删除网页内容。DOM节点操作是前端开发中的核心技能,对创建...
3. **DOM对象的属性和方法**: - `innerHTML`: 获取或设置元素的HTML内容。 - `firstChild`, `lastChild`, `nodeName`, `nodeValue`, `nodeType`, `nextSibling`, `parentNode`: 这些属性帮助遍历和操作DOM树,...
在JavaScript中,可以通过`document.createElement()`方法创建一个新的元素节点,这将返回一个代表新元素的DOM对象。例如,`var obj = document.createElement("p");`将会创建一个新的`<p>`标签节点。 知识点3:...
- **删除节点**: `removeChild()`方法用于删除指定的节点。 - **修改节点**: 可以通过改变节点的属性值或直接操作其子节点来更新文档内容。 **3. 属性和方法** - **属性**: 如`nodeName`、`nodeValue`、`...