求大神HTML代码，事先写好一段文字，开始在页面只显示一行，页面下面
求大神HTML代码，事先写好一段文字，开始在页面只显示一行，页面下面有添加按钮，每按一次按钮，就在页面原有的文字上显示下一行文字。...
求大神HTML代码，事先写好一段文字，开始在页面只显示一行，页面下面有添加按钮，每按一次按钮，就在页面原有的文字上显示下一行文字。
展开
1个回答
展开全部
您好！要实现您需要的功能，用纯HTML肯定是不行的，必须要辅助于JS编程来操作。
实现办法有很多，比如：先把打好的HTML文字属性设为隐藏，每按一次按钮就把一行属性设为显示。或者在JS中存储好文字，每按一次按钮就在显示处添加一行。下面是第二种方案的示例，供您参考：
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>点击按钮显示一行</title>
</head>
<body>
<div id='disp'></div>
<br>
<button onClick="nextline()"> 点击显示下一行 </button>
<script>
var txt = ['这是第 1 行', '这是第 2 行', '这是第 3 行', '这是第 4 行', '这是第 5 行'];
var cnt = 0;
nextline();
function nextline() {
var lines = document.getElementById('disp').innerHTML + txt[cnt ++] + "<br>";
if ( cnt > 4 ) cnt = 0;
document.getElementById('disp').innerHTML = lines;
}
</script>
</body>
</html>
运行结果截图：
追问
好的，谢谢大神！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼word文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
