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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。