2 lp 234291053 lp_234291053 于 2014.07.02 21:32 提问

JS/jQuery实现默认显示部分文字点击按钮显示全部内容

<!doctype html>



JS实现默认显示部分文字,点击按钮显示全部

民间机构提前3天预报大理地震 地震局称违法

17日大理州5.0级地震发生之后,在微博上一条曾在3天前就预测大理将发生5.0级地震的微博受到了很多网友的关注。

记者联系上了微博博主,该博主表示,他是通过分析云南省地震局官方网站的数据得出的预报信息。对此,省地震局回应表示,地震局欢迎民间机构与地震局进行一些学术上的探讨和交流,但民间机构对外公开发布地震预报信息是违法的。

民间机构预报地震受网友追捧

function show(){ var box = document.getElementById("box"); var text = box.innerHTML; var newBox = document.createElement("div"); var btn = document.createElement("a"); newBox.innerHTML = text.substring(0,200); btn.innerHTML = text.length > 200 ? "...显示全部" : ""; btn.href = "###"; btn.onclick = function(){ if (btn.innerHTML == "...显示全部"){ btn.innerHTML = "收起"; newBox.innerHTML = text; }else{ btn.innerHTML = "...显示全部"; newBox.innerHTML = text.substring(0,200); } } box.innerHTML = ""; box.appendChild(newBox); box.appendChild(btn); } show();


这段代码现在只有一个ID,如何修改下可以在多条列表下实现功能呢?

Csdn user default icon
上传中...
上传图片
插入图片