javascript - 跨浏览器修剪元素 innerHTML 的最佳方法是什么？

Question

跨浏览器修剪元素的最佳方式是什么innerHTML？
jsfiddle：http: //jsfiddle.net/6hk8z/

Answer 1

我假设您对 不是空格而是仅由浏览器呈现的 html 代码感到困惑。请参阅下面的自定义实现：

String.prototype.trimmed = function(){
    return this.replace(
        /^(\s|&nbsp;|<br\s*\/?>)+?|(\s|&nbsp;|<br\s*\/?>)+?$/ig, ' '
    ).trim();
}

更新了 jsFiddle

Answer 2

使用 DOM，而不是innerHTML您需要解析的 DOM。

function trimContents(element) {
    function iterate(start, sibling, reg) {
        for(var next, c = element[start]; c != null; c=next) {
            next = c[sibling];
            if (c.nodeType == 1 && c.nodeName.toLowerCase() == "br"
             || c.nodeType == 3 && !(c.nodeValue = c.nodeValue.replace(reg, "")))
                element.removeChild(c);
            else
                break;
        }
    }
    iterate("firstChild", "nextSibling", /^\s+/);
    iterate("lastChild", "previousSibling", /\s+$/);
}

（在 jsfiddle.net 上的演示）

Answer 3

你试过 jQuery$.trim()吗？有关更多详细信息，请参阅 jQuery文档。