眼巴巴望着 2023-04-14 16:50 采纳率: 50%
浏览 22
已结题

html求解求解111111

img


怎么实现点一下上面的字就可以切换一个内容,感觉好难,完全看不明白害

  • 写回答

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条)

报告相同问题?

问题事件

  • 系统已结题 5月2日
  • 已采纳回答 4月24日
  • 创建了问题 4月14日

悬赏问题

  • ¥15 求帮我调试一下freefem代码
  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法,照着压缩包里边,参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图