怎么实现点一下上面的字就可以切换一个内容,感觉好难,完全看不明白害
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 2020长安杯与连接网探
- ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
- ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
- ¥16 mybatis的代理对象无法通过@Autowired装填
- ¥15 可见光定位matlab仿真
- ¥15 arduino 四自由度机械臂
- ¥15 wordpress 产品图片 GIF 没法显示
- ¥15 求三国群英传pl国战时间的修改方法
- ¥15 matlab代码代写,需写出详细代码,代价私
- ¥15 ROS系统搭建请教(跨境电商用途)