Node: lookupPrefix() Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die lookupPrefix() Methode des Node-Interfaces
gibt einen String zurück, der das Präfix für einen gegebenen Namespace-URI enthält, falls vorhanden,
und null, wenn nicht.
Wenn mehrere Präfixe möglich sind, wird das erste Präfix zurückgegeben.
Syntax
lookupPrefix(namespace)
Parameter
namespace-
Ein String, der den Namespace enthält, zu dem das Präfix gesucht wird. Der leere String ist gleichbedeutend mit
null, wobei in beiden Fällennullzurückgegeben wird.Hinweis: Dieser Parameter ist nicht optional, kann aber auf
nullgesetzt werden.
Rückgabewert
Ein String, der das entsprechende Präfix enthält, oder null, wenn keines gefunden wurde.
Wenn namespace null oder ein leerer String ist, gibt lookupPrefix() null zurück.
Wenn der Knoten ein DocumentType oder ein DocumentFragment ist,
gibt lookupPrefix() immer null zurück.
Beispiel
Hinweis:
Dieses Beispiel läuft in einem HTML-Dokument, in dem xmlns:-Attribute ignoriert werden (außer xmlns:xlink). Firefox setzt die Namespace-URIs aller Elemente auf null, während Chrome und Safari die Standard-Namespace-URIs von HTML-, SVG- und MathML-Elementen korrekt setzen. Wenn Sie aussagekräftigere Tests durchführen möchten, können Sie ein eigenständiges SVG-Dokument öffnen und Skripte in dessen Kontext ausführen.
<div class="hidden">
<div>Test HTML element</div>
<svg>
<text>Test SVG element</text>
</svg>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" id="with-xlink">
<text>Test SVG element with xlink</text>
</svg>
<math>Test MathML element</math>
</div>
<table>
<thead>
<tr>
<th><code>namespaceURI</code></th>
<th><code><div></code></th>
<th><code><svg></code></th>
<th><code><svg xmlns:xlink></code></th>
<th><code><math></code></th>
</tr>
</thead>
<tbody></tbody>
</table>
const htmlElt = document.querySelector("div");
const svgElt = document.querySelector("svg");
const svgEltXLink = document.querySelector("#with-xlink");
const mathElt = document.querySelector("math");
const tbody = document.querySelector("tbody");
for (const uri of [
"http://www.w3.org/2000/xmlns/",
"http://www.w3.org/XML/1998/namespace",
"http://www.w3.org/1999/xhtml",
"http://www.w3.org/2000/svg",
"http://www.w3.org/1999/xlink",
"http://www.w3.org/1998/Math/MathML",
"",
null,
]) {
const row = document.createElement("tr");
tbody.appendChild(row);
row.appendChild(document.createElement("td")).textContent =
JSON.stringify(uri);
for (const el of [htmlElt, svgElt, svgEltXLink, mathElt]) {
console.log(el, uri, el.lookupPrefix(uri));
row.appendChild(document.createElement("td")).textContent = String(
el.lookupPrefix(uri),
);
}
}
Spezifikationen
| Specification |
|---|
| DOM> # dom-node-lookupprefix> |
Browser-Kompatibilität
Loading…