HTML DOM getNamedItem()用法及代碼示例

HTML DOM getNamedItem() 方法用於獲取具有給定名稱的屬性節點作為 NamedNodeMap 對象。要獲取特定的屬性節點，我們必須僅在屬性屬性上調用此方法，因為屬性屬性返回一個列表，我們可以使用 getNamedItem() 方法從中過濾特定屬性。

用法

以下是 getNamedItem() 方法的語法 -

namednodemap.getNamedItem(nodename)

這裏，nodename 是一個字符串類型的強製參數值，指示namedNodeMap 中存在的節點的名稱。

示例

讓我們看一個 getNamedItem() 方法的例子 -

<!DOCTYPE html>
<html>
<body>
<h1>getNamedItem() example</h1>
USERNAME:<input type="text" name="USR">
<br><br>
<button onclick="attrValue()">GET</button>
<p id="Sample"></p>
<script>
   function attrValue() {
      var usr = document.getElementsByTagName("input")[0];
      var val = usr.attributes.getNamedItem("type").value;
      document.getElementById("Sample").innerHTML = "The type attribute value for the input field is:"+val;
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

單擊“獲取”按鈕 -

在上麵的例子中 -

我們首先創建了一個 type=”text” 和 name=”USR” 的輸入字段。

USERNAME:<input type="text" name="USR">

然後，我們創建了按鈕 GET，該按鈕將在用戶單擊時執行方法 attrValue() -

<button onclick="attrValue()">GET</button>

attrValue() 方法使用 getElementsByTagName() 方法獲取輸入元素並將其分配給變量 usr。然後我們使用attributes 屬性，它將所有屬性的集合作為namedNodeMap 對象返回。對attributes 屬性調用getNamedItem() 方法僅返回該特定屬性節點。

使用 getNamedItem() 返回的特定節點上的 value 屬性，我們獲取該屬性值並將其分配給變量 val。然後使用其innerHTML 屬性將該值顯示在id 為“Sample” 的段落中。

相關用法

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