文章导航

JavaScript nodeValue

2018-10-11 10:34| 作者: admin| 查看: 201| 评论: 0|来自: 蚂蚁部落

nodeValue属性可以返回或者设置指定节点的值。

节点值根据节点类型的不同而有所不同:

(1).文本节点:nodeValue属性值就是文本节点的内容。

(2).属性节点:nodeValue属性值就是属性节点的值。

(3).文档节点和元素节点:nodeValue属性是不可用的。

浏览器支持:

(1).IE浏览器支持此属性。

(2).edge浏览器支持此属性。

(3).谷歌浏览器支持此属性。

(4).火狐浏览器支持此属性。

(5).opera浏览器支持此属性。

(6).safria浏览器支持此属性。

代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<script>  
window.onload=function(){
  let obt=document.getElementById("bt");
  let odiv = document.getElementById("ant");
  obt.onclick=function(){
    alert(odiv.nodeValue)
  }
}
</script>  
</head>  
<body>
<div id="ant">蚂蚁部落</div>
<input type="button" id="bt" value="查看效果"/>
</body>  
</html>

上面代码会获取div元素节点的节点值null,文章开头介绍过,文档节点和元素节点的节点值不存在。

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<script>  
window.onload=function(){
  let obt=document.getElementById("bt");
  let odiv = document.getElementById("ant");
  let oshow=document.getElementById("show");
  obt.onclick=function(){
      oshow.innerHTML=odiv.childNodes[0].nodeValue;
  }
}
</script>  
</head>  
<body>
<div id="ant">蚂蚁部落</div>
<div id="show"></div>
<input type="button" id="bt" value="查看效果"/>
</body>  
</html>

odiv.childNodes[0]获取div元素下第一个子节点,也就是文本节点。

那么很自然它的文本节点值是"蚂蚁部落"。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部