                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

js多次點擊事件

這個例子：

點擊h3一下div消失，再點擊一下出現，這樣用js怎樣實現非JQ，就是每一次點擊執行不同函數

qq_小白_7

2015-09-24

源自：初識HTML(5)+CSS(3)-升級版 1-1

關注問題我要回答

950

操作

收起

2 回答

pardon110
2015-09-24

代碼如下

<!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>