`
cakin24
  • 浏览: 1396513 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

访问DOM对象指定节点

阅读更多
一 介绍
使用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>
 
 
四 运行结果

 
  • 大小: 4.2 KB
1
0
分享到:
评论

相关推荐

    JS实现访问DOM对象指定节点的方法示例

    了解和熟练掌握JavaScript访问DOM对象指定节点的方法是前端开发的基本技能。`getElementById()`方法是最常用的选择器之一,配合`nodeName`、`nodeType`和`nodeValue`属性,可以方便地获取和操作HTML元素的属性和内容...

    XMLDOM对象方法中文手册chm

    这个"XMLDOM对象方法中文手册chm"提供了关于XML DOM在中文环境下的详细指南,对于理解和应用XML DOM技术至关重要。 1. **XML DOM基本概念** - DOM是一种与平台和语言无关的接口,它将XML文档解析为一个树形结构,...

    dom4j 解析(读取) xml 节点数据

    在本教程中,我们将深入探讨如何使用DOM4J解析(读取)XML节点数据,不受XML层级的限制。 首先,确保你已经下载了必要的依赖,即DOM4J库。通常,这将是一个名为`dom4j-x.x.x.jar`的文件,其中x.x.x是DOM4J的版本号...

    XMLDOM对象方法手册

    这篇“XMLDOM对象方法手册”提供了关于如何利用XMLDOM对象进行XML操作的详细指南。 1. **XMLDOM对象的创建** 在JavaScript中,可以使用`ActiveXObject`来创建XMLDOM对象,例如: ```javascript var xmlDoc = new...

    DOM对象DOM对象DOM对象.doc

    在JavaScript中,DOM对象是用于操作网页内容的关键工具。 Window对象是DOM中最高级别的对象,它代表浏览器的窗口。Window对象拥有许多属性和方法,如: - `document`:引用当前窗口中的HTML文档。 - `history`:...

    XMLDOM对象方法手册.chm+XPath.chm

    XMLDOM对象方法手册.chm是关于XMLDOM接口及其方法的详细参考资料,它通常包含了如何使用这些方法来查询、修改和操作XML文档的详细信息。手册中可能包括了如以下内容: 1. **createNode**:创建新的XML节点,可以是...

    javaScript 生成DOM 对象(html标签).rar

    生成DOM对象主要有两种方式:一是使用`document.createElement()`方法,二是利用innerHTML属性。`document.createElement()`允许我们创建指定标签名的新元素,例如: ```javascript var newElement = document....

    DOM访问/创建/删除/修改文档节点及属性方法

    2. 通过元素的 name 属性访问元素:`document.getElementsByName()”,访问文档中指定节点。 3. 通过公共的文档树导航起点:`document` 对象提供了多个属性来访问文档的不同部分,如 `document.body`、`document....

    DOM对象.docx

    ### DOM对象详解 #### 一、DOM的基本概念 **DOM** 是 **Document Object Model** 的缩写,中文译作“文档对象模型”。它提供了一种跨平台和跨语言的方式来访问和修改HTML或XML文档的内容和结构。DOM的核心价值在于...

    DOM对象的深入学习

    DOM对象分为不同的层次,包括Document对象、Element对象、Attribute对象和TextNode对象等。 1. **Document对象**: - `close()`:关闭由`document.open()`打开的输出流。 - `getElementById()`:返回具有特定ID的...

    js中DOM文档对象学习代码

    DOM文档对象是这个标准的核心,允许我们通过编程方式访问和修改页面元素。下面将详细介绍DOM文档对象以及如何在JavaScript中使用它。 首先,DOM是一个树形结构,每个HTML或XML文档都被解析为一个节点层级。根节点是...

    DOM文档对象中文手册

    - **删除节点(Removing Nodes)** - `removeChild()`方法用于删除指定的子节点。 - **查找节点(Finding Nodes)** - `getElementById()`、`getElementsByClassName()`、`getElementsByTagName()`等方法用于根据ID...

    DOM对象快速查询手册(CHM版)

    **DOM对象快速查询手册(CHM版)** DOM(Document Object Model)是Web开发中的一个核心概念,它是一个标准,允许编程语言如JavaScript与HTML和XML文档进行交互。DOM将这些文档表示为一棵由节点组成的树,使得我们...

    第06章 DOM节点操作(下)

    在本章中,我们将深入探讨DOM(文档对象模型)节点操作的下半部分。DOM是HTML和XML文档的编程接口,允许我们通过JavaScript等脚本语言动态地修改、添加或删除网页内容。DOM节点操作是前端开发中的核心技能,对创建...

    JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例

    在JavaScript中,可以通过`document.createElement()`方法创建一个新的元素节点,这将返回一个代表新元素的DOM对象。例如,`var obj = document.createElement("p");`将会创建一个新的`&lt;p&gt;`标签节点。 知识点3:...

    JavaScript程序设计——DOM访问实验报告.docx

    3. **DOM对象的属性和方法**: - `innerHTML`: 获取或设置元素的HTML内容。 - `firstChild`, `lastChild`, `nodeName`, `nodeValue`, `nodeType`, `nextSibling`, `parentNode`: 这些属性帮助遍历和操作DOM树,...

    DOM文档对象中文手册.chm

    - **删除节点**: `removeChild()`方法用于删除指定的节点。 - **修改节点**: 可以通过改变节点的属性值或直接操作其子节点来更新文档内容。 **3. 属性和方法** - **属性**: 如`nodeName`、`nodeValue`、`...

Global site tag (gtag.js) - Google Analytics