問題

21
JavaScript

要素から属性を削除しよう

JavaScriptの問題に挑戦しよう!

問題

要素から属性を削除しよう

[data-delete]をclickしたら
その属性を削除しよう

あらかじめエディタに書くコード

                    <div data-delete="id">idを削除</div>
 <div data-delete="class">classを削除</div> 
 <div id="red" class="blue" data-delete-target>忍者CODE</div>
¥HTML¥
                
                    .blue{
 color:blue;
}
#red{
 color:red;
}
¥CSS¥
                

期待する画面

解答と解説(要素から属性を削除しよう)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

clickした値はattrをメソッドを取得
そのまま変数にして、属性を削除すればコンパクトに書くことができる。

さらにスキルアップしたい方は公式LINEから「JavaScript」と送信すると動画が見れます。

LINE登録して動画を視聴する
最大300,000円OFF キャンペーン実施中!
2024 BLACK FRIDAY 学び応援セール実施中!