以前こちらで特定のdivクラス内のdivにクラス名を追加する方法は学んだのですが
下記のように特定のクラス名が同じページ内にある場合
別のdivクラス内のdivクラスにも追加する方法はありますか?
イメージとしては、クラス名“box1”のdivが同じページ内にある場合のみ
クラス名“box2_in”にbox2_delを追加したいです。
(htmlPage1では追加されて、htmlPage2では追加されない)
htmlPage1
1<div class="box1"> 2</div> 3 4<div class="box2"> 5 <div class="box2_in"> 6 </div> 7</div>
htmlPage2
1<div class="box3"> 2</div> 3 4<div class="box2"> 5 <div class="box2_in"> 6 </div> 7</div>
JavaScript
1var box = document.getElementsByClassName('box1'); 2var boxin = box.querySelector(".box2_in"); 3boxin.classList.add('box2_del');
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/11/22 16:19
2019/11/22 16:28
2019/11/23 09:12