DOM - 元素物件方法 - setAttributeNodeNS

setAttributeNodeNS 方法新增一個新的屬性。如果元素中已經存在具有該本地名稱和該名稱空間 URI 的屬性，則將其替換為新的屬性。

語法

以下是 setAttributeNodeNS 方法用法的語法。

elementObj.setAttributeNodeNS(newAttr)

序號	引數及說明
1	newAttr 要新增到屬性列表中的 Attr 節點。

它返回一個被替換的 Attr 節點。

示例

node_ns.xml 內容如下所示：

<?xml version = "1.0"?>
<Company>
   <Employee xmlns:e = "http://www.tutorials.com/technical/" category = "technical">
      <e:FirstName e:lang = "en">Tanmay</e:FirstName>
      <e:LastName>Patil</e:LastName>
      <e:ContactNo>1234567890</e:ContactNo>
      <e:Email>tanmaypatil@xyz.com</e:Email>
   </Employee>
   
   <Employee xmlns:n = "http://www.tutorials.com/non-technical/" category = "non-technical">
      <n:FirstName n:lang = "en">Taniya</n:FirstName>
      <n:LastName>Mishra</n:LastName>
      <n:ContactNo>1234667898</n:ContactNo>
      <n:Email>taniyamishra@xyz.com</n:Email>
   </Employee>
</Company>

以下示例演示了 setAttributeNodeNS 方法的用法：

<!DOCTYPE html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node_ns.xml");
         x1 = xmlDoc.getElementsByTagName('FirstName')[0];
         x2 = xmlDoc.getElementsByTagName('FirstName')[1];
         ns="http://www.tutorials.com/technical/";
         var nsattr = x1.getAttributeNodeNS(ns, "lang"); 
         x2.setAttributeNodeNS(nsattr.cloneNode(true));
         document.write(x2.attributes[1].value); // returns: 'en'
     </script>
   </body>
</html>

執行

將此檔案儲存為伺服器路徑上的 elementattribute_setAttributeNodeNS.htm（此檔案和 node_ns.xml 應位於伺服器上的同一路徑）。我們將獲得如下所示的輸出：

en

dom_element_object.htm

列印頁面