发个十分简短的供大家学习

来源:10-1 编程挑战

慕函数9046704

2020-09-29 19:07

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>实践题 - 选项卡</title>

    <style type="text/css">

     /* CSS样式制作 */  

       

       

    </style>

    <script type="text/javascript">

        li=document.getElementsByTagName("li");

        function show(obj){

            for(i=0;i<li.length;i++){

                if(obj==i)

                    li[i].style.display="block";

                else

                    li[i].style.display="none";

            }

        }

        

    </script>

 

</head>

<body>

<!-- HTML页面布局 -->

<input type=button value="房产" onClick="show(0)">

<input type=button value="豪居" onClick="show(1)">

<input type=button value="二手房" onClick="show(2)">

 <ul> 

     <li ><div>275万购昌平邻铁三居 总价20万买一居<br></div>

            <div>200万内购五环三居 140万安家东三环<br></div>

            <div>北京首现零首付楼盘 53万购东5环50平<br></div>

            <div>京楼盘直降5000 中信府 公园楼王现房<br></div>

     </li>

     <li ><div>40平出租屋大改造 美少女的混搭小窝<br></div>

            <div>经典清新简欧爱家 90平老房焕发新生<br></div>

            <div>新中式的酷色温情 66平撞色活泼家居<br></div>

            <div>瓷砖就像选好老婆 卫生间烟道的设计<br></div>

     </li>

     <li ><div>通州豪华3居260万 二环稀缺2居250w甩<br></div>

            <div>西3环通透2居290万 130万2居限量抢购<br></div>

            <div>黄城根小学学区仅260万 121平70万抛!<br></div>

            <div>独家别墅280万 苏州桥2居优惠价248万<br></div>

     </li>

     <script type="text/javascript">

         li[1].style.display="none";

         li[2].style.display="none";

     </script>

 </ul>

 

</body>

</html>


写回答 关注

3回答

  • qq_慕村4301211
    2020-11-12 17:51:28

    不用内嵌式怎么表达  一下子有点懵

  • qq_慕村4301211
    2020-11-12 16:28:50

    我也觉得用按钮方便一些


  • weixin_慕桂英4205805
    2020-10-23 15:52:09

    ???.....

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题