本文实例讲述了JS实现访问DOM对象指定节点的方法。分享给大家供大家参考，具体如下：

一介绍

使用getElementById()方法来访问指定id的节点，并用属性、属性和属性来显示出该节点名称、节点类型和节点值。

1、nodeName属性

该属性用来获取某一个节点的名称。

[sName=]obj.nodeName

名称。

2、nodeType属性

该属性用来获取某一个节点的类型。

[sType=]obj.nodeType

Box-sizing: border-Box; border-bottom: rgb(187,187,187) 1px solid; text-align: left; border-left: rgb(187,187) 1px solid; widows: 2; text-transform: none; background-color: rgb(255,255,255); font-style: normal; text-indent: 0px; margin: 0px; width: 649px; display: table; border-collapse: collapse; font-family: Helvetica,"Hiragino Sans GB",微软雅黑,"Microsoft YaHei UI",SimSun,SimHei,arial,sans-serif; white-space: normal; orphans: 2; letter-spacing: normal; height: 218px; color: rgb(69,69,69); font-size: 15px; border-top: rgb(187,187) 1px solid; font-weight: normal; border-right: rgb(187,187) 1px solid; word-spacing: 0px; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px"> Box-sizing: border-Box; border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px"> Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(255,255); border-bottom-width: 0px; border-top: rgb(221,221,221) 1px solid; border-left-width: 0px; border-image: initial">

Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-bottom: 4px; line-height: 22px; padding-left: 8px; padding-right: 8px; border-collapse: collapse; color: rgb(79,79,79); font-size: 14px; border-top: rgb(187,187) 1px solid; border-right: rgb(187,187) 1px solid; padding-top: 4px">类型Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">数值Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">节点名301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">说明Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(247,247,247); border-bottom-width: 0px; border-top: rgb(221,187) 1px solid; padding-top: 4px">元素（element）Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">1Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">标记301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">任何HTML或XML的标记Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(255,187) 1px solid; padding-top: 4px">属性（attribute）Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">2Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">属性301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">标记中的属性Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(247,187) 1px solid; padding-top: 4px">文本（text）Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">3Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">#text301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">包含标记中的文本Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(255,187) 1px solid; padding-top: 4px">注释（comment）Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">8Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">#comment301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">HTML的注释Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(247,187) 1px solid; padding-top: 4px">文档（document）Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">9Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">#document301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">文档对象Box-sizing: border-Box; border-right-width: 0px; background-color: rgb(255,187) 1px solid; padding-top: 4px">文档类型（documentType）Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">10Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">DOCTYPE301" style="Box-sizing: border-Box; border-bottom: rgb(187,187) 1px solid; padding-top: 4px">DTD规范

3、nodeValue属性

该属性将返回节点的值。

[txt=]obj.nodeValue

二应用

访问指定节点,本示例在页面弹出的提示框中，显示了指定节点的名称、节点的类型和节点的值。

三代码

www.jb51.cc 访问指定节点三号标题 加粗内容

四运行弹出如下提示框：