• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:<ul>から</ul>の間をjavascriptで)

<ul>要素をjavascriptで動的に変更する方法

このQ&Aのポイント
  • JavaScriptを使用して、<ul>要素の中の<li></li>を動的に変更する方法について知りたいです。
  • また、<ul>要素を削除するか、1つの<li></li>に統合する方法も教えてください。
  • これを実現するスクリプトを作成することで、ウェブページの動的な表示を実現できます。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

ぜんかくくうはくは、はんかくに。 querySelectorAll と forEach がつかえれば。 <a href="javascript:←はラベルでしかない。いみがない。 <!DOCTYPE html> <meta charset="UTF-8"> <title></title> <body> <div id="images"> <ul> <li style="width: 354px"><a href="javascript:;">ああ</a></li> <li style="width: 354px"><a href="javascript:;">いい</a></li> <li style="width: 354px"><a href="javascript:;">うう</a></li> <li style="width: 354px"><a href="javascript:;">ええ</a></li> </ul> <script> var li = document.querySelectorAll ('#images > ul > li'); var ary = [0,3];//消したいもの function delChild (no) {  var e = this[no];  e.parentNode.removeChild (e); } ary.forEach (delChild, li); </script>

関連するQ&A

専門家に質問してみよう