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 = "<< 收起";
spanLabel .innerHTML = content;
} else {
aLabel .innerHTML = "... 展开";
spanLabel .innerHTML = content.substring(0, len);
}
} // 设置div内容为空,span元素 a元素加入到div中
ctn.innerHTML = "";
ctn.appendChild(spanLabel );
ctn.appendChild(aLabel );
}