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

博客介绍了字符串处理相关内容,一是利用正则表达式将带回车的字符串按段落分开,分别放入p标签和span标签;二是提到了展开收起功能,但未详细说明该功能实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 );
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值