怎么实现点一下上面的字就可以切换一个内容,感觉好难,完全看不明白害
2条回答 默认 最新
- 乘风xs 2023-04-14 17:22关注
简单来说,给上面的字添加了一个点击事件,在点击事件的响应中,修改了下面的内容
给你写了一个简单的demo看看<!DOCTYPE html> <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> #tab span { background-color: pink; display: inline-block; margin: 0 10px; } #content{ width: 200px; height: 200px; border: 1px solid green; } </style> </head> <body> <div id="kuang_jia"> <!-- 选项区 --> <div id="tab"> <span>软件1</span> <span>软件2</span> </div> <!-- 内容区 --> <div id="content"></div> </body> <script type="text/javascript"> // 获取选项区 const tab = document.getElementById('tab'); // 获取内容区 const content = document.getElementById('content'); // 给选项区添加点击事件 tab.addEventListener('click', e => { // 点击以后就要更换内容区的内容 console.log(e) content.innerHTML = '内容: ' + e.target.innerText + '的内容'; }) </script> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 求帮我调试一下freefem代码
- ¥15 R语言Rstudio突然无法启动
- ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像
- ¥15 改算法,照着压缩包里边,参考其他代码封装的格式 写到main函数里
- ¥15 用windows做服务的同志有吗
- ¥60 求一个简单的网页(标签-安全|关键词-上传)
- ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
- ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
- ¥100 为什么这个恒流源电路不能恒流?
- ¥15 有偿求跨组件数据流路径图