对于单文本或者div的内容怎么在显示东西过多的情况下实现显示隐藏

发布时间:2017-7-1 11:29:04编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"对于单文本或者div的内容怎么在显示东西过多的情况下实现显示隐藏 ",主要涉及到对于单文本或者div的内容怎么在显示东西过多的情况下实现显示隐藏 方面的内容,对于对于单文本或者div的内容怎么在显示东西过多的情况下实现显示隐藏 感兴趣的同学可以参考一下。

js代码:

$(function () {
var o = document.getElementById("newsdetail_ArticleContent");
Subt(o);
});
function Subt(obj) {
var s = obj.innerHTML;
var p = document.createElement("span");
var n = document.createElement("a");
p.innerHTML = s.substring(0, 1100);
n.innerHTML = s.length > 1100 ? "查看更多" : "";
n.href = "javascript:void(0);";
n.className = 'c00aeff fs16';
n.onclick = function () {
if (n.innerHTML == "查看更多") {
n.innerHTML="点击隐藏";
p.innerHTML = s;
} else {
n.innerHTML = "查看更多";
p.innerHTML = s.substring(0, 1100);
}
}
obj.innerHTML = "";
obj.appendChild(p);
obj.appendChild(n);
}

html代码结构

<div id="newsdetail_ArticleContent" class="c666666 lh30 pl30 pr30 pt20 pb20" style="font-family: '黑体';"><span><span><p style="text-indent:2em;">
</span></span></div>

这样就实现了js控制单文本内容过多的显示隐藏问题



上一篇:5 个免费的受欢迎的 SQLite 管理工具
下一篇:c++のmap的遍历

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款