當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML DOM nodeName用法及代碼示例


nodeName屬性用於以字符串形式返回指定節點的名稱。它為不同的節點返回不同的值,例如節點屬性,則返回的字符串是屬性名稱,或者節點是否是元素,則返回的字符串是標簽名稱。這是一個隻讀屬性。

用法:

document.nodeName

返回值:此屬性返回當前節點的名稱。返回值是字符串。


  • 對於元素節點,返回值是標記名。
  • 對於屬性節點,返回的值是屬性的名稱
  • 對於文檔,注釋和文本節點,返回值分別為“#document”,“#comment”和“#text”。

例:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      DOM nodeName Property 
    </title> 
</head> 
  
<body onload="start ()" style="text-align:center"> 
    <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 
  
    <h2> 
            DOM nodeName Property 
        </h2> 
  
    <div id="p"> 
      Click to get the node name of this element. 
    </div> 
    <br> 
    <button onclick="geek()">Click me!</button> 
  
    <p id="p1"></p> 
  
    <script> 
        function geek() { 
            var x = document.getElementById("p").nodeName; 
            document.getElementById("p1").innerHTML = x; 
        } 
    </script> 
</body> 
  
</html>

輸出:
在單擊按鈕之前:
nodename
單擊按鈕後:
nodename

支持的瀏覽器:下麵列出了nodeName屬性支持的瀏覽器:

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


相關用法


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