ボタンをクリックした時に別の要素を削除したい
CSSで指定した.noneをJavaScriptを用いて付与することで要素を削除しようと思っています。
しかし結果は上手く動作せず、クリックしても画面上、何の変化もありませんでした。inputのボタンを使用せずに上手く動作させるにはどのようにすればいいでしょうか。
HTML
1<div id= "btn">Button</div> 2<div id= "display">これを消す</div>
CSS
1.none{ 2 display: none; 3}
JavaScript
1document.getElementById('btn').onclick = function() { 2 3 document.getElementById('display').classList.add('none'); 4}
onclickの部分が間違っているのか、クラスを付与する部分が間違っているのか様々なソースコードを調べ、試したのですが、結局上記のようなコードになり、失敗しました。よろしければご教授お願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/16 15:08
2019/08/16 15:10
2019/08/16 15:11 編集
2019/08/16 15:14