幸运快三极速快3|极速快3猜大小
您的位置:首頁> 前端教程> JS教程
文章導航

JavaScript nodeValue

2018-10-11 10:34| 作者: admin| 查看: 863| 評論: 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.iufrl.icu/" /> 
<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.iufrl.icu/" /> 
<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元素下第一個子節點,也就是文本節點。

那么很自然它的文本節點值是"螞蟻部落"。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
幸运快三极速快3 山东省群英会的走势图 赛车系统下载安装 七乐彩最新出球顺序表 广东快乐十一选五开奖结果 平特二期必出 陕西福利彩票11选5开奖结果 pc蛋蛋28哪个预测准 电子游艺 求推荐好点的手机 河北时时现场开奖结果查询结果