                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

用上一章节js写的，没有效果，哪里错了。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
        </head>
    
  <script type="text/javascript">
    function onclick(){
    var bb=document.getElementById("xx")
    var cc=document.getElementsByTagName("li")
    if(bb.innerHTML=="更多")
    { bb.innerHTML="简化"
      cc[0].style.display="block"
      cc[1].style.display="block"}
      else(bb.innerHTML=="简化")
      { bb.innerHTML="更多"
       cc[0].style.display="none"
       cc[1].style.display="none"
       }
    }
    </script>
    <body>
    <ul>
        <li style="display:none">1</li>
        <li style="display:none">2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <a  href="#" id="xx" onclick="onclick()">更多</a> 
    </ul>
        
    </body>
</html>

要怎样改，学着后面忘着前面，好无语啊

qq_小白_7

2015-07-18

源自：jQuery基础课程 3-13

关注问题我要回答

490

操作

收起

4 回答

李老八888
2015-07-30

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<ul>
        <li style="display:none">1</li>
        <li style="display:none">2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <a  href="#" id="xx" onClick="go()">更多</a> 
    </ul>
   <script type="text/javascript">
       function go(){
    var bb=document.getElementById("xx"),
     cc=document.getElementsByTagName("li");
    if(bb.innerHTML=="更多")
    { bb.innerHTML="简化";
      cc[0].style.display="block";
      cc[1].style.display="block";}
      else
      { bb.innerHTML="更多";
       cc[0].style.display="none";
       cc[1].style.display="none";
       }
    }
   </script>
</body>
</html>

0 回复有任何疑惑可以回复我~

#1

qq_小白_7 提问者

非常感谢！

2015-07-31 回复有任何疑惑可以回复我~

李老八888
2015-07-30

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

</head>

<body>

<ul>

<li style="display:none">1</li>

<li style="display:none">2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

<li>7</li>

<a href="#" id="xx" onClick="go()">更多</a>

</ul>

<script type="text/javascript">

function go(){

var bb=document.getElementById("xx"),

cc=document.getElementsByTagName("li");

if(bb.innerHTML=="更多")

{ bb.innerHTML="简化";

cc[0].style.display="block";

cc[1].style.display="block";}

else

{ bb.innerHTML="更多";

cc[0].style.display="none";

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

}

}

</script>

</body>

</html>

你写法有问题

0 回复有任何疑惑可以回复我~

#1

qq_小白_7 提问者

谢谢哈

2015-07-31 回复有任何疑惑可以回复我~

qq_小白_7 提问者
2015-07-20

jq会写，js没有效果，怎样改

0 回复有任何疑惑可以回复我~

追梦人物
2015-07-19

既然学jq就不要插入纯js代码了

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154699 人
解答问题 7289 个

加入课程学习，有效提高前端开发速度

用上一章节js写的，没有效果，哪里错了。

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号