程序博客网 > 前端js面试必有的考题

加号和减号

来源：互联网发布：前端js面试必有的考题编辑：程序博客网时间：2024/04/27 22:06

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>

    <script type="text/javascript">
                function ShowHidDesc1(objLink){
                   var objRow = objLink.parentNode;
                   var i = 0;
                   for (i = 0; i < objRow.childNodes.length; i++){
                       if (objLink.name == "aHid"){
                           if (objRow.childNodes[i].name=="aShow") objRow.childNodes[i].style.display = "block"
                           if (objRow.childNodes[i].name=="divDesc") objRow.childNodes[i].style.display = "none"
                          if (objRow.childNodes[i].name=="aHid") objRow.childNodes[i].style.display = "none"
                       }
                       else{
                           if (objRow.childNodes[i].name=="aShow") objRow.childNodes[i].style.display = "none"
                           if (objRow.childNodes[i].name=="divDesc") objRow.childNodes[i].style.display = "block"
                           if (objRow.childNodes[i].name=="aHid") objRow.childNodes[i].style.display = "block"
                       }
                   }
                }


               function ShowHidDesc(objLink)
               {

                 if(objLink.name== "aHid")
                 {
                 var obj= document.getElementById('aShow')
                     obj.style.display='block';
                   document.getElementById('divDesc').style.display='none';
                   objLink.style.display='none';



                 }
                 else
                 {
                  var obj= document.getElementById('aHid')
                     obj.style.display='block';
                   document.getElementById('divDesc').style.display='block';
                   objLink.style.display='none';
                 }

               }

    </script>

    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td style="height: 2px;">
                        <a id="aHid" name="aHid" title="Hid description" style="display: none; cursor: point !important;
                            cursor: hand;" onclick="ShowHidDesc(this)">-</a>
                            <a id="aShow" name="aShow" title="Show description"
                                style="display: block; cursor: point !important; cursor: hand" onclick="ShowHidDesc(this)">
                                +</a>
                        <div id="divDesc" name="divDesc" style="width: 100%; display: none;">
                            dfgfdgfdgdfgfdg</div>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

前端js面试必有的考题

前端js面试必有的考题

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子干货批发店海货干货松茸干货散装干货干货的种类地摊干货干货怎么样零食干货装修干货炒干货机器鱼干干货干货怎么做鲍鱼干货海鲜干货派代干货干货人参果金银花干货滑子菇干货派代网干货干货是什么意思干货批发市场甘肃必带干货特产刚开始做干货怎么进货香果干货图片海鲜干货图片及名称海鲜干货批发市场干货海参怎么吃莆田干货批发市场干货批发进货渠道海参干货多少钱一斤海产品干货批发市场海鲜干货价格海鲜干货批发海产品干货价格干货生意怎么样海味干货批发市场野生海参干货价格哪里有干货批发干货调料批发地摊干货批发海味干货大全