html编译的时候会自动补齐尾部标签吗,javascript – 为自动关闭标签添加尾部斜杠的字符串处理(IMG,BR等)...

如果我得到一个元素的innerHTML,某些子元素应该有一个尾部斜杠是有效的XHTML(例如,“< br />”),但它们不会在Chrome,Firefox或IE中,不管doctype.

显然这在大多数情况下并不重要,但在我的情况下,我正在使用来自DOM的html来作为模板系统的一部分 – 所以如果缺少那些反斜杠,它们会以这种方式进入使用这些构建的结果页面模板,因为这个页面将不会验证为XHTML.非验证页面似乎让我的客户感到难过.

所以……我正在寻找一些javascript代码(也许是一个正则表达式),它会在适当的地方添加反斜杠.如果它适用于这些对我来说足够好的元素类型：

区域,基地,br,col,嵌入,hr,img,输入,链接,元,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

var index1 = 0, index2;

inString = outString;

outString = '';

while ((index1 = inString.indexOf("

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;

};

解决方法:

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

标签：javascript,regex

来源： https://codeday.me/bug/20190704/1380341.html