js追加html内容换行符,javascript – 从HTML中提取文本,同时保留块级元素换行符

考虑：

/**

* Returns the style for a node.

*

* @param n The node to check.

* @param p The property to retrieve (usually 'display').

* @link http://www.quirksmode.org/dom/getstyles.html

*/

this.getStyle = function( n, p ) {

return n.currentStyle ?

n.currentStyle[p] :

document.defaultView.getComputedStyle(n, null).getPropertyValue(p);

}

/**

* Converts HTML to text, preserving semantic newlines for block-level

* elements.

*

* @param node - The HTML node to perform text extraction.

*/

this.toText = function( node ) {

var result = '';

if( node.nodeType == document.TEXT_NODE ) {

// Replace repeated spaces, newlines, and tabs with a single space.

result = node.nodeValue.replace( /\s+/g, ' ' );

}

else {

for( var i = 0, j = node.childNodes.length; i < j; i++ ) {

result += _this.toText( node.childNodes[i] );

}

var d = _this.getStyle( node, 'display' );

if( d.match( /^block/ ) || d.match( /list/ ) || d.match( /row/ ) ||

node.tagName == 'BR' || node.tagName == 'HR' ) {

result += '\n';

}

}

return result;

}

也就是说，有一个例外或两个，遍历每个节点并打印其内容，让浏览器的计算样式告诉你什么时候插入换行符。