Node：lookupPrefix() 方法
Node 接口的 lookupPrefix() 方法返回一个字符串，其中包含给定命名空间 URI 的前缀（如果存在），如果不存在则返回 null。如果可能存在多个前缀，则返回第一个前缀。
语法
js
lookupPrefix(namespace)
参数
namespace-
一个字符串，包含需要查找的命名空间。空字符串等价于
null，且都会导致函数返回null。备注：此参数不是可选的，但是可以设置为
null。
返回值
包含相应前缀的字符串，如果没有找到，则返回 null。如果 namespace 为 null 或空字符串，则 lookupPrefix() 返回 null。
如果节点是 DocumentType 或 DocumentFragment，lookupPrefix() 总是返回 null。
示例
备注：此示例在 HTML 文档中运行，其中 xmlns: 属性会被忽略（xmlns:xlink 除外）。Firefox 将所有元素的命名空间 URI 设置为 null，而 Chrome 和 Safari 会正确设置 HTML、SVG 和 MathML 元素的默认命名空间 URI。若需进行更具意义的测试，可打开独立的 SVG 文档并在其上下文中执行脚本。
html
<div class="hidden">
<div>测试 HTML 元素</div>
<svg>
<text>测试 SVG 元素</text>
</svg>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" id="with-xlink">
<text>含有 xlink 的测试 SVG 函数</text>
</svg>
<math>测试 MathML 元素</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>
js
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),
);
}
}
规范
| 规范 |
|---|
| DOM # dom-node-lookupprefix |