###前提・実現したいこと
Javascriptを勉強中の者です。
カテゴリーが1、2、3とあり、それぞれonclickでjavascriptの処理をしています。
カテゴリー1の画像をクリックしたら他のカテゴリーは全部消え、カテゴリー2の画像をクリックしたら他のカテゴリーが消えるような処理を作りたいのですが、いささかうまくできません。
周りに聞ける人がいないのでよろしくおねがいします。
###発生している問題・エラーメッセージ
エラーメッセージ
###該当のソースコード
Javascript
1<html> 2<head> 3<script> 4 function cat_g1(){ 5 var node1 = document.getElementsByTagName("category1"); 6 var node2 = document.getElementsByTagName("category2"); 7 var node3 = document.getElementsByTagName("category3"); 8 if(document.getElementById("cat1").style.visibility == ""){ 9 for(var i = 0; i < 100 ;i++ ){ 10 node2[i].style.visibility = "hidden"; 11 node3[i].style.visibility = "hidden"; 12 } 13 } 14 } 15 16</script> 17<script> 18 function cat_g2(){ 19 var node1 = document.getElementsByTagName("category1"); 20 var node2 = document.getElementsByTagName("category2"); 21 var node3 = document.getElementsByTagName("category3"); 22 23 if(document.getElementById("cat2").style.visibility == ""){ 24 for(var i = 0; i < 100 ;i++ ){ 25 node1[i].style.visibility = "hidden"; 26 node3[i].style.visibility = "hidden"; 27 } 28 } 29 } 30 31</script> 32<script> 33 function cat_g3(){ 34 var node1 = document.getElementsByTagName("category1"); 35 var node2 = document.getElementsByTagName("category2"); 36 var node3 = document.getElementsByTagName("category3"); 37 38 if(document.getElementById("cat3").style.visibility == ""){ 39 for(var i = 0; i < 100 ;i++ ){ 40 node1[i].style.visibility = "hidden"; 41 node2[i].style.visibility = "hidden"; 42 } 43 } 44 } 45</script> 46<head> 47<body> 48<div id="cat_box1"> 49<category1 id="cat1"><li><a href="#">category1</a></li></category1> 50<category2 id="cat2"><li><a href="#">category2</a></li></category2> 51<category3 id="cat3"><li><a href="#">category3</a></li></category3> 52</div> 53<a href="#"><img src="images/btn1.jpg" alt="" onclick="cat_g1()";></a> 54<a href="#"><img src="images/btn2.jpg" alt="" onclick="cat_g2()"></a> 55<a href="#"><img src="images/btn3.jpg" alt="" onclick="cat_g3()";></a> 56</body> 57</html>
###試したこと
###補足情報(言語/FW/ツール等のバージョンなど)
追記しました。全てを載せる事が少し難しいので、必要であろうと思う部分だけ抜粋した形になります。
よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー