HTML DOM nodeValue用法及代碼示例

HTML DOM nodeValue屬性用於描述給定節點的屬性。它用於在任何HTML文檔中設置或獲取nodeValue。先決條件DOM(文檔對象模型)

用法:

var x = document.getElementById("nodeId").firstChild;
x.nodeType;
x.nodeName;
x.nodeValue;

參數：
無需參數。

返回值：HTML nodeValue屬性返回以下類型的值

空值：用於元素和文檔節點。
屬性值：對於任何屬性。
內容：用於任何文本節點或注釋節點。

例：下麵的示例創建一個“divId”段落標簽，並提供一個產生段落標簽屬性並將其值返回給ID為“GeeksForGeeks”的標簽的按鈕。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML | DOM nodeValue Property 
    </title> 
</head> 
  
<body> 
  <center> 
    <h1 style="color:green">GeeksforGeeks</h1> 
  
    <p> 
      Click the button get the node value of  
      the first button element in the document. 
    </p> 
  
    <button onclick="myFunction()">Try it</button> 
  
    <p id="geeks"></p> 
  
    <script> 
        function myFunction() { 
            var g = document.getElementsByTagName("BUTTON")[0]; 
            var f = g.childNodes[0].nodeValue; 
            document.getElementById("geeks").innerHTML = f; 
        } 
    </script> 
  </center> 
  
</body> 
  
</html>

輸出：
在單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：DOM nodeValue屬性支持的瀏覽器如下：

穀歌瀏覽器
IE瀏覽器
火狐瀏覽器
Opera
蘋果瀏覽器

相關用法

注：本文由純淨天空篩選整理自Shahnawaz_Ali大神的英文原創作品 HTML | DOM nodeValue Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。