<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>js点击收缩展开文本</title> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <div> <span>测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩测试点击展收缩</span><span class="span">.....</span><a href="javascript:;">>>收缩</a> </div> <script type="text/javascript"> window.onload = function() { var oP = document.getElementsByTagName('p')[0]; var oSpan = oP.getElementsByTagName('span')[0]; var oA = oP.getElementsByTagName('a')[0]; var str = oSpan.innerHTML; var onOff = true; oA.onclick = function() { if (onOff) { oSpan.innerHTML = str.substring(0, 30); oA.innerHTML = '>>展开'; //onOff = false; } else { oSpan.innerHTML = str; oA.innerHTML = '>>收缩'; $(".span").hide(); // onOff = true; } onOff = !onOff; }; }; </script> </body> </html>
js点击收缩展开文本（不能用废弃）
2023-09-15
43
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js点击收缩展开文本（不能用废弃）
目录
相关文章
|
1月前
|
数据采集
存储
监控
实现自动化数据抓取：使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取，特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie，提高爬虫的效率和隐蔽性，避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作，抓取并整理新闻数据，适用于需要规避IP限制和突破频率限制的场景。
82
10
10
|
2月前
|
JavaScript
|
3月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
Java
JavaScript内存泄露大揭秘！你的应用为何频频“爆内存”？点击解锁救星秘籍！
【8月更文挑战第23天】在Web前端开发中，JavaScript是构建动态网页的关键技术。然而，随着应用复杂度增加，内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因，包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施，开发者可以有效避免内存泄露，提高应用性能。
67
1
1
|
4月前
|
JavaScript
Java
|
4月前
|
JavaScript
Java
|
4月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
Next js：点击登录显示登录表单，点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例，包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
89
0
0
|
5月前
|
前端开发
JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
158
4
4
|
5月前
|
测试技术
UED
热门文章
最新文章
1
Node.js 中流操作实践
2
《JavaScript框架设计》——1.4 类型的判定
3
js数组遍历some,foreach,map,filter,every对比
4
Koa.js 中的日志管理
5
JavaScript右下角信息提示插件Notyf
6
【温故而知新-Javascript】使用Web存储
7
测试驱动javascript开发 -- 3.测试驱动开发过程（上）
8
JavaScript FAQ（六）——字符串
9
用Three.js搞个炫酷3D地球
10
Nightwatch.js – 轻松实现浏览器的自动测试
1
阿里云云效操作报错合集之遇到Node.js的内存溢出问题，该怎么办
139
2
阿里云云效操作报错合集之Node.js构建报错，该如何排查问题
129
3
Nest.js 实战 (三)：使用 Swagger 优雅地生成 API 文档
144
4
Next.js静态出口生成策略深度解析
96
5
Node.js搭建REST API实战：从基础到部署
88
6
前端如何学习Node.js及Node.js的主要用途
78
7
Vue.js组件通信策略详解
60
8
网络爬虫开发：JavaScript与Python特性的小差异
61
9
Nest.js 实战 (二)：如何使用 Prisma 和连接 PostgreSQL 数据库
204
10
JavaScript 使用axios库发送 post请求给后端， 给定base64格式的字符串数据和一些其他参数， 使用表单方式提交， 并使用onUploadProgress显示进度
453