<!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
23
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js点击收缩展开文本（不能用废弃）
目录
相关文章
|
29天前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
数据安全/隐私保护
|
1月前
|
JavaScript
|
2月前
|
JavaScript
|
2月前
|
JavaScript
前端开发
|
2月前
|
JavaScript
|
2月前
|
2月前
|
3月前
|
移动开发
前端开发
JavaScript
|
4月前
|
JavaScript
热门文章
最新文章
1
JavaScript 权威指南第七版（GPT 重译）（六）(4)
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript 权威指南第七版（GPT 重译）（二）(1)
4
JavaScript 权威指南第七版（GPT 重译）（四）(4)
5
JavaScript 权威指南第七版（GPT 重译）（七）(1)
6
JavaScript 权威指南第七版（GPT 重译）（六）(3)
7
JavaScript 权威指南第七版（GPT 重译）（三）(2)
8
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
9
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
10
前端最常见的JS面试题大全
1
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
141
2
Java Script 中的垃圾回收机制有哪些缺点
17
3
描述 JavaScript 中的垃圾回收机制。
21
4
如何使用 JavaScript 操作 DOM？
19
5
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
22
6
JavaScript 中的数组方法有哪些？
11
7
JS设置日期为0时0分0秒
36
8
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
27
9
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
22
10
深入理解JavaScript中的闭包与作用域链
10