带回车的字符串实现段落区分和展开、收起（默认收起）功能

1、段落区分

    利用正则表达式  .replace( /(^\s*)|(\s*$)/g,"")将带回车的字符串按段落分开，放入p标签里，最后一段用span包裹。

2、展开收起功能

function init() {

var wordsNum = 60; //默认显示字数

var ctn = document.getElementById("content"); //获取div对象

var content = ctn.innerHTML; //获取div里的内容 //alert(content);

var spanLabel = document.createElement("span"); //创建<span>元素

var aLabel = document.createElement("a"); //创建<a>元素

spanLabel .innerHTML = content.substring(0, wordsNum ); //span里的内容为content的前wordsNum 个字符

aLabel .innerHTML = content.length > wordsNum ? "... 展开" : ""; ////判断显示的字数是否大于默认显示的字数来设置a的显示

aLabel .href = "javascript:void(0)"; //让a链接点击不跳转

aLabel .onclick = function () {

if (aLabel .innerHTML.indexOf("展开") > 0) { //如果a 中含有"展开"则显示"收起"

aLabel .innerHTML = "<<&nbsp;收起";

spanLabel .innerHTML = content;

} else {

aLabel .innerHTML = "... 展开";

spanLabel .innerHTML = content.substring(0, len);

}

} // 设置div内容为空，span元素 a元素加入到div中

ctn.innerHTML = "";

ctn.appendChild(spanLabel );

ctn.appendChild(aLabel );

}