问题描述
- 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，如何修改下可以在多条列表下实现功能呢？
相关文章
- artdialog.alert()的弹出框如何修改文字？（“消息”，“确定”）
- ios-iOS 如何定义一个控件，显示一段文字，文字部分字有点击事件
- jquery-文字太多了，设置固定高度后，其余文字自动隐藏，点击更多显示出来
- javascript-div中点击更多按钮显示全部span标签（带换行），再点击收起显示部分span标签
- javascript-JS 点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑
- asp.net 网页拖选一行文字，弹出一个按钮，将改行文字传回后台
- html-关于submit的input按钮点击提交后弹出提交成功框，不能正常显示的问题。
- 方法-JSP对表的修改按钮的思路
- 分页-如何实现点击加载更多，
- 图片-怎么在选择时间时，让前面的单选按钮取消选中，而点击单选时，后边的日期控件回复为默认
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- convas-&lt;canvas&gt; 兼容IE8 ， 文本（txt）无法在IE中显示出来
- web开发-两个不同WEB系统之间限定条件的信息交互问题
- 输入问题-求三维凸包的程序，读不太懂，不知道应该输入什么
后三篇
- mysql-C# Mysql datagridview控件 列标题中文乱码问题
- ndk android-Eclipse开发android NDK求助！
- sqlserver2005-SQL Server 2005还原大规模数据如何高效进行
(yq.aliyun.com)为您免费提供js jquery-JS/jQuery实现默认显示部分文字点击按钮显示全部内容相关信息，包括
js jquery
的信息
，所有js jquery-JS/jQuery实现默认显示部分文字点击按钮显示全部内容相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_72580，您可以点击js jquery-JS/jQuery实现默认显示部分文字点击按钮显示全部内容-手机站访问。