字符串处理以向自关闭标签（IMG、BR 等）添加尾部斜杠

Question

如果我得到一个元素的 innerHTML，某些子元素应该有一个尾部斜杠作为有效的 XHTML（例如，“<br />”），但它们在 Chrome、Firefox 或 IE 中没有，无论文档类型如何.

显然这在大多数情况下并不重要，但在我的情况下，我使用从 DOM 中拉出 html 作为模板系统的一部分——所以如果这些反斜杠缺失，它们会进入使用这些反斜杠构建的结果页面模板，因此该页面不会验证为 XHTML。非验证页面似乎让我的客户感到难过。

所以....我正在寻找一些 javascript 代码（可能是一个正则表达式），它会在适当的地方添加反斜杠。如果它适用于这些元素类型，那对我来说就足够了：

area, base, br, col, embed, hr, img, input, link, meta, param

我想如果标签中的引号中有 > 就不必混淆了。

我知道有一个 dom-to-xml 库（http://xhtmljs.codeplex.com/）可以做到这一点，但它也可以做很多其他的事情，而且非常暴力。我希望有更简单的东西。

编辑：

好吧，因为我对字符串处理方法没有任何了解，所以我继续做了一些对我有用的事情。（虽然它会被引号中的 > 混淆，我稍后会处理）：

var addClosingSlashes = function (htmlString) {
    var elemTypes = [
    "area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param"];
    var inString, outString = htmlString;
    for (var i=0; i<elemTypes.length; i++) {
      var index1 = 0, index2;
      inString = outString;
      outString = '';
      while ((index1 = inString.indexOf("<" + elemTypes[i])) != -1) {
        if ((index2 = inString.indexOf(">", index1)) != -1 && inString.substring(index2 - 1, index2 + 1) != '/>') {
          outString += inString.substring(0, index2) + " />";
          inString = inString.substring(index2+1);
          }
        else {
          break;      
          }
        }
      outString += inString;
      }
    return outString;
    };

Answer 1

除非这是服务器端 JavaScript，否则不会执行任何操作。当浏览器执行 javascript 时，DOM 被构建为 DOM，而不是某种文本元素。也就是说，元素已经构建到树中，您无法再做任何事情来影响渲染。