Q&A
質問についている「jQuery」タグはないほうがよいですよね。それとも、jQuery を使って実現したいということでしょうか。
javascrptをつかってdivの中身を非表示にしたいです。
ボタンを押したら非表示にするという形式にしたいです。
divはidを用いて３つあります。
html
1 2コード 3 4 5<!doctype html> 6<html lang="ja"> 7 <head> 8 <meta charset="utf-8"> 9 <script type="text/javascript" src="//code.jquery.com/jquery-2.2.1.min.js"></script> 10 <script type="text/javascript" src="task0315.js"></script> 11 </head> 12 <body> 13 <div id="div1"> 14 <form method="get" target="_self" name=data> 15 <input type="text" name="text1" value="" /> 16 </form> 17 </div> 18 <div id="div2"> 19 <p>ああああああ</P> 20 </div> 21 <div id="div3"> 22 <a href="http://www.yahoo.co.jp/">http://www.yahoo.co.jp/</a> 23 </div> 24 <input type="button" value="削除する" onclick="hidden()"> 25 <script> 26 27function hidden() 28{ 29 document.getElementById("div1").style.visibility="hidden"; 30 document.getElementById("div2").style.visibility="hidden"; 31 document.getElementById("div3").style.visibility="hidden"; 32 33}; 34 35</script> 36 </body> 37</html>
回答3件
0
divの中身を非表示にするだけであればそれでもいいのでは、と思いますが、
もし仮に、div3つともを消したい、という要望であれば、
いっそのことdiv3つをさらに別のdivでくるんで、それ自体を非表示にする、ということも考えられます。
なので、どうしたことを達成したいかも合わせて書くと、よりよい回答が得られると思います。
投稿2016/03/15 08:28
総合スコア2286
0
ごめんなさい間違えました。
最初の返信は削除させてくださいＴＴ
あと、function{}の最後の;が邪魔だと思います。
投稿2016/03/15 08:12
編集2016/03/15 08:15
総合スコア249
0
Javascript
1function hidden() 2{ 3 document.getElementById("div1").style.display = "none"; 4 document.getElementById("div2").style.display = "none"; 5 document.getElementById("div3").style.display = "none"; 6} 7```ですかね。
投稿2016/03/15 08:24
総合スコア4437
あなたの回答
tips
プレビュー
