对于单文本或者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控制单文本内容过多的显示隐藏问题