访问DOM对象指定节点

来源：互联网发布：贵金属网络销售怎么样编辑：程序博客网时间：2024/05/29 17:02

一介绍

使用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#commentHTML的注释文档（document）9#document文档对象文档类型（documentType）10DOCTYPEDTD规范

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>

四运行结果

查看图片附件

0 0