javascript - 在导入之前/期间/之后更改 DOM 节点的命名空间

Question

我有一个 XHTML 文档。我使用 XHR 导入另一个应该是 XHTML 的 XML 文档，除了作者忘记放一个 xmlns在根上。因此，XML 文档中的所有节点都没有命名空间。

当我从这个其他文档导入一个节点并将其附加到我的文档时，我得到一个看起来正确的节点(例如 <h1>Hi Mom!</h1> )但没有 namespace 。因此，网络浏览器应用 display:inline .

我可以通过使用如下代码(未经测试)来解决此问题……但如果存在更好的路线，我宁愿不这样做:

function changeNodeNamespace(node,namespace){
  var dup = document.createElementNS(namespace,node.nodeName);
  if (node.hasAttributes()){
    for (var a=node.attributes,i=a.length;i--;){
      dup.setAttributeNS(a[i].namespaceURI,a[i].nodeName,a[i].value);
    }
  }
  if (node.hasChildNodes()){
    for (var a=node.childNodes,i=0,len=a.length;i<len;++i){
      if (a[i].nodeType==1){ // ELEMENT_NODE
        dup.appendChild(changeNodeNamespace(a[i],namespace));
      }else{
        dup.appendChild(a[i].cloneNode(false));
      }
    }
  }
  return dup;
}

除了重新编写我导入的文档以具有正确的命名空间，或者递归地重新创建基于原始文件的新命名空间中的每个元素/属性/文本节点，我可以导入元素本身并以某种方式将其命名空间更改为 http://www.w3.org/1999/xhtml ？

Answer 1

XSLT 可以 do the trick ，以及一个库，例如 Sarissa或 AJAXSLT有助于简化 JavaScript 语法。