Каков наилучший способ кросс-браузера обрезать элемент 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

Вы пробовали JQuery-х $.trim()? См. JQuery documentation для более подробной информации.

Answer 3

Используйте DOM, не innerHTML, которые вам нужно будет разобрать.

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+$/); 
} 

(demo at jsfiddle.net)