Element#
Element.getAttributeNodeNS()#
Metoda getAttributeNodeNS() zwraca atrybut o określonej przestrzeni nazw i nazwie lokalnej w danym elemencie. W przypadku braku pasującego atrybutu zwrócona zostanie wartość null.
Opis działania#
Samo wywołanie i poszczególne jego części najlepiej objaśnić na zapisie składniowym:
var attr = element.getAttributeNodeNS(namespace, localName);gdzie poszczególne człony oznaczają:
- attr - referencja do poszukiwanego atrybutu w elemencie lub wartość
null. - element - węzeł będący obiektem kontekstu.
- namespace - łańcuch znakowy reprezentujący przestrzeń nazw, do której należy poszukiwany atrybut w elemencie. Wartość
nullma identyczne działanie jak przekazanie pustego łańcucha znakowego. - localName - łańcuch znakowy reprezentujący nazwę lokalną poszukiwanego atrybutu w elemencie.
Algorytm wywołania metody getAttributeNodeNS(namespace, localName) nie jest skomplikowany. Dla lepszego zrozumienia tematu prezentuję go w całości:
- Zwróć wynik pobrania atrybutu poprzez przestrzeń nazw i nazwę lokalną z przekazaniem namespace, localName i obiektu kontekstu.
Alternatywnie można skorzystać z identycznie działającej metody NamedNodeMap.getNamedItemNS().
Prosty przykład:
<!DOCTYPE html>
<html>
<head>
<script>
function getAttrNodeNS(namespace, localName){
var p = document.getElementsByTagName("p")[0]; // referencja do akapitu
p.setAttributeNS("ns1", "ID", "Test1");
p.setAttribute("id", "Identyfikator");
p.setAttributeNS("ns2", "A:NEW", "Test2");
var allAttr = p.attributes;
var attr = p.getAttributeNodeNS(namespace, localName); // atrybut o określonej przestrzeni nazw i nazwie lokalnej
var attr2 = allAttr.getNamedItemNS(namespace, localName); // atrybut o określonej przestrzeni nazw i nazwie lokalnej
var compare = attr == attr2;
var info = document.getElementById("info");
info.innerHTML = "Metoda getAttributeNodeNS('" + namespace + "," + localName + "'): "
if (attr){
info.innerHTML += "<br><br>" + "Interfejs atrybutu: " + attr
+ "<br>" + "Pierwszy argument z metody: " + namespace
+ "<br>" + "Drugi argument z metody: " + localName
+ "<br>" + "Właściwość namespaceURI: " + attr.namespaceURI
+ "<br>" + "Właściwość prefix: " + attr.prefix
+ "<br>" + "Właściwość localName: " + attr.localName
+ "<br>" + "Właściwość name: " + attr.name
+ "<br>" + "Właściwość value: " + attr.value;
}
else{
info.innerHTML += "<br><br>Wartość: " + String(attr)
+ "<br>" + "Pierwszy argument z metody: " + namespace
+ "<br>" + "Drugi argument z metody: " + localName;
}
info.innerHTML += "<br><br>" + "Porównanie z metodą getNamedItemNS('" + namespace + "," + localName + "'): "
+ "<br><br>" + "Interfejs mapy nazwanych atrybutów: " + allAttr // [object NamedNodeMap]
+ "<br>" + "Właściwość length: " + allAttr.length
+ "<br>" + "Wartość z getAttributeNodeNS() == Wartość z getNamedItemNS(): " + compare;
}
</script>
</head>
<body>
<p>Akapit z atrybutami ustawianymi z poziomu skryptu:</p>
<ul>
<li>p.setAttributeNS("ns1", "ID", "Test1");</li>
<li>p.setAttribute("id", "Identyfikator");</li>
<li>p.setAttributeNS("ns2", "A:NEW", "Test2");</li>
</ul>
<p>Kliknij przycisk by pobrać atrybut o określonej przestrzeni nazw i nazwie lokalnej z akapitu.</p>
<input type="button" value="getAttributeNodeNS('ns1','ID')" onclick="getAttrNodeNS('ns1','ID')">
<input type="button" value="getAttributeNodeNS('','ID')" onclick="getAttrNodeNS('','ID')">
<input type="button" value="getAttributeNodeNS(null,'id')" onclick="getAttrNodeNS(null,'id')">
<input type="button" value="getAttributeNodeNS('','id')" onclick="getAttrNodeNS('','id')">
<input type="button" value="getAttributeNodeNS('ns2','NEW')" onclick="getAttrNodeNS('ns2','NEW')">
<input type="button" value="getAttributeNodeNS('ns2','new')" onclick="getAttrNodeNS('ns2','new')">
<input type="button" value="getAttributeNodeNS('ns2','A:NEW')" onclick="getAttrNodeNS('ns2','A:NEW')">
<p style="color: blue;">Szczegółowe informacje dla pobranych atrybutów:</p>
<p id="info"></p>
</body>
</html>Na chwilę obecną jedynie przeglądarki Firefox i Chrome obsługują metodę getAttributeNodeNS() zgodnie z najnowszymi wymaganiami specyfikacji DOM4. IE wiele aspektów związanych z atrybutami obsługuje błędnie.
Składnia Web IDL#
interface Element : Node { Attr? getAttributeNodeNS(DOMString? namespace, DOMString localName); }
Specyfikacje i inne materiały#
Pasek społecznościowy