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

  

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

  

  

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

  

1,属性

  

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

  

<代码> [sName=] obj.nodeName

  

:字符串变量用来存储节点的名称。

  

2,属性

  

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

  

<代码>[药栓=]obj.nodeType

  

:字符串变量,用来存储节点的类型,该类型值为数值型。该参数的类型如下表所示。

  

           类型   数值   节点名   说 明         元素(元素)   1   标记   任何HTML或XML的标记         属性(属性)   2   属性   标记中的属性         文本(文本)   3.   #文本   包含标记中的文本         注释(评论)   8   #评论   HTML的注释         文档(文档)   9   #文档   文档对象         文档类型(documentType)   10   文档类型   DTD规范            

  

3,属性

  

该属性将返回节点的值。

  

<代码> [txt=] obj.nodeValue

  

:字符串变量用来存储节点的值,除文本节点类型外,其他类型的节点值都为“零”。

  

  

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

  

        & lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt; title> www.jb51.net访问指定节点& lt;/title>   & lt;/head>   & lt;身体id=癰1”比;   & lt; h4在三号标题& lt;/h4>   & lt; b>加粗内容& lt;/b>   & lt;脚本语言=癹avascript”比;   & lt; !   var=. getelementbyid (b1);   var str;   str="节点名称:“+ by.nodeName +“\ n”;   str +=苯诘憷嘈?“+ by.nodeType +“\ n”;   str +=苯诘阒?“+ by.nodeValue +“\ n”;   警报(str);   ——比;   & lt;/script>   & lt;/body>   & lt;/html>      之前      

  

  

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript操作DOM技巧总结》,《JavaScript错误与调试技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

  

希望本文所述对大家JavaScript程序设计有所帮助。

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