猿问

问下 这个我怎么运行不了啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>


    <title></title>

    <style type="text/css">

        body

        {

            margin: 0 auto;

            padding: 0px;

        }

        #pn

        {

            background: #e8e8e8;

            width: 600px;

            height: auto;

            margin: 0 auto;

            padding: 5px;

            font-size: 9pt;

        }

        .slide

        {

            margin: 0;

            padding: 0;

            width: 600px;

            border-top: solid 4px gray;

            margin: 0 auto;

        }

        .btn-slide

        {

            background: gray;

            text-decoration: none;

            text-align: center;

            width: 120px;

            height: 30px;

            padding: 10px 0 0 0;

            display: block;

            color: #FFF;

            margin: 0 auto;

        }

    </style>

    <script type="text/javascript">

      function lia(){


     var b=document.getElementById("strHref");


     var a=document.getElementById("hpn");

     var s=document.getElementById("strHref").interText

        if(s=="true"){

function(){

a.style.display="block";

   s="收起"

}

   else{

a.style.display="none";

   s="展开"

}

}

}

    </script>

</head>

<body>

    <div id="pn">

        <p>

            手机 - 商品筛选</p>

        <p>

            网络:移动4G 联通3G 电信3G</p>

        <div id="hpn" style="display: none">

            <p>

                价格:5000元以上 4000-4999 3000元以下</p>

            <p>

                特点:0元购机 防水 长待机</p>

        </div>

    </div>

    <p class="slide">

        <a href="javascript:lia()" id="strHref" class="btn-slide">展开</a>    <!--点击按钮-->

    </p>

</body>

</html>


qq_12月_0
浏览 1277回答 1
1回答

千秋此意

function lia() {     var b = document.getElementById("strHref");     var a = document.getElementById("hpn");     var s = document.getElementById("strHref");          if (s.innerText == "展开") {         a.style.display = "block";         s.innerText = "收起"     } else {         a.style.display = "none";         s.innerText = "展开"     } }改成这样~——————————————————补充下,原本的几个错误如下:1、interText 拼写错误 正确是 innerText2、if语句的条件错误, s == “true”这个表达式永远返回的是false3、if语句里多了一个莫名其妙的function语句。。。4、你原先声明变量s为 var s=document.getElementById("strHref").interText; 这里变量s只是保存了id为strHref的这个节点的innerText这个字符串,你在之后再对s进行赋值也只是改变变量s中保存的值,是不会影响到s节点的innerText的。。差不多就这样,望采纳~
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答