使用 InnerHTML 解析 IMG 标签 Javascript

Question

这是两难境地：

我正在做一个 javascript 效果。为此，我使用 .innerHTML 拉取一个节点和它的子节点（包括图像）。然后尝试通过 DOM 解析它。当它到达图像标签时，它会引发解析错误。当我提醒 innerHTML 时，我看到它正在剥离 IMG 标签的关闭。

我不确定问题出在解析器还是innerHTML。如何获取该节点，获取内部内容，解析为 XML？

这里似乎发生了类似的事情：innerHTML removing closing slash from image tag

（经过近两天的搜索，这是我在互联网上发现的唯一一个涉及此问题的页面。）

这是我正在使用的解析代码：

function loadXMLString(txt) {
    if (window.DOMParser) {
        parser=new DOMParser();
        xmlDoc=parser.parseFromString(txt,"text/xml");
    } else { // Internet Explorer
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async="false";
        xmlDoc.loadXML(txt); 
    }
    return xmlDoc;
}

解决方案是更改 mime 类型，但是您如何使用 javascript 解析器（MS ActiveX 和其他浏览器的标准）来做到这一点？我应该使用什么 mime？

这是我试图解析的 DOM 元素：

<div style="display:none" id="ItemsContainer" name="ItemsContainer">
    <SPAN>
       <a href="url1"><img src="1.jpg" alt="alt1" /></a>
       <a href="url2"><img src="2.jpg" alt="alt2" /></a>
       <a href="url3"><img src="3.png" alt="alt3" /></a>
       <a href="url4"><img src="4.jpg" alt="alt4" /></a>
    </SPAN>
</div>

如果我将标签更改为另一个名称，那么它就可以工作。似乎 innerHTML 正在破坏标签或解析器无法解析 IMG 标签。

请指教。 提前致谢！

Answer 1

IE 自动将 Tag 名称大写（因此变为 ），所以我使用了 txt.replace(/><\/a>/g, " /></a>").replace(/><\/A>/g, " /></A>")

感谢所有帮助过的人！

Answer 2

我假设您通过使用 innerHTML 获取“txt”变量？我在各种浏览器中进行了测试，它确实去除了结束标签。也许，在将其发送到函数 loadXMLString 之前，您可以使用正则表达式将它们添加回来？

var re = new RegExp("(<img\b[^>]*)>", "g");
txt = txt.replace(re, "$1 />");