您好,欢迎访问一九零五行业门户网

JS访问DOM对象选中节点方法

这次给大家带来js访问dom对象选中节点方法,js访问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”。
二 应用
访问指定节点,本示例在页面弹出的提示框中,显示了指定节点的名称、节点的类型和节点的值。
三 代码
<!doctype html> <html> <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> </html>
四 运行弹出如下提示框:
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
react native怎样实现悬浮按钮
webpack如何实现热模块替换
以上就是js访问dom对象选中节点方法的详细内容。
其它类似信息

推荐信息