js多次点击事件-慕课网

首页课程实战体系课手记专栏慕课教程

js多次点击事件

来源：1-1 代码初体验，制作我的第一个网页

qq_小白_7

2015-09-24 10:49

这个例子：

点击h3一下div消失，再点击一下出现，这样用js怎样实现非JQ，就是每一次点击执行不同函数

写回答关注

2回答

pardon110: 2015-09-24 11:59:12

已采纳

代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<body>
        <h3>123</h3>
        <div>123456</div>

    <script type="text/javascript">
        var oH3=document.getElementsByTagName("h3")[0];
        var oDiv=document.getElementsByTagName("div")[0];
        oH3.toggle;
        oH3.onclick = function(){
            if((this.toggle=="hide") || (this.toggle == undefined)){
                oDiv.style.display="none";
                oH3.toggle = "show";
            }else{
                oDiv.style.display="block";
                oH3.toggle = "hide";
            }
        }
    </script>
</body>
</html>

0 0

Y_du

2015-09-24 11:02:13

document.getElementsByTagName('你要查找的div').style.display = "none" 隐藏
document.getElementsByTagName('你要查找的div').style.display = "block" 显示

3 0

qq_小白_...

这样没有效果

2015-09-24 11:19:45

共 3 条回复 >

初识HTML(5)+CSS(3)

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1230249 学习 · 19084 问题

查看课程

相似问题

点击提交出现No input file specified. 是咋回事？

回答 3

为什么我多次点提交，就点出了mooc网的界面

回答 2

为什么点击慢跑没有触发控件？

回答 5

初次学习请各位多多关照

回答 6

ID符可以多次使用

回答 3

打开慕课网App查看更多内容