js事件之点击不同按钮固定位置实现内容切换

最新推荐文章于 2022-08-11 19:11:19 发布

卑微的爱好者

最新推荐文章于 2022-08-11 19:11:19 发布

阅读量893

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44022374/article/details/109855304

版权

本文介绍了使用JavaScript实现点击不同按钮来切换页面上内容的方法，核心思路是通过循环为当前选中的div添加类名，而移除其他div的类名，以达到一对一的内容切换效果。

摘要由CSDN通过智能技术生成

大体思想就是循环到哪个div将类名给div，其他的没有类名，从而实现一对一。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
   
            width: 310px;
            height: 180px;
            font-size: 20px;
            background-color: green;
            display: none;
        }
        
        button

最低0.47元/天解锁文章

卑微的爱好者

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js事件之点击不同按钮固定位置实现内容切换

大体思想就是循环到哪个div将类名给div，其他的没有类名，从而实现一对一。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
复制链接

扫一扫