Javascript修剪换行符是 <br /> s

Question

说我在<div>标签中有以下代码：

<div id="something"><br /> <br />Hello<br />World<br><br />   </div>

我如何在JS方面进行trim ，以便将所有空白都修剪掉，并且HTML换行符中断，所以我得到了以下内容：

<div id="something">Hello<br />World</div>

Answer 1

用正则表达式替换，它将是

return html.replace(/\s*(<br ?\/>\s*)+/g, "<br />").replace(/^<br \/>|<br \/>$/g, "");

在DOM中，您需要遍历div的所有子级，并删除空的空格和背对背br元素：

var el = document.getElementById("something");
for (var i=0, remove=true; i<el.childNodes.length; ) {
    var child = el.childNodes[i];
    if (child.nodeType == 3 && child.isElementContentWhitespace)
        el.removeChild(child);
    else if (child.nodeType == 1) {
        if (child.nodeName.toLowercase() == "br" && remove)
            el.removeChild(child);
        else
            // run DOM tree recursively?
        remove = true;
    } else {
       remove = false;
       i++;
    }
}
if (el.lastChild.nodeType == 1 && el.lastChild.nodeName.toLowercase() == "br")
    el.removeChild(el.lastChild);

Answer 2

您可以使用以下命令删除字符串开头和结尾的空格和<br />节点：

x = x.replace(/^( |<br \/>)*(.*?)( |<br \/>)*$/,"$2");

但您必须将其应用于div元素的innerHTML 。