2024年11月
2024.11.10
兄弟要素
早くも11月10日、夏至を過ぎたのはついこの間のような感覚でいると、16時を回ると暗くなってきて季節の移ろいに改めて驚いたりする。
今日も地味にjavascriptと取り組んだ。データを入力するときにポップアップウインドウでクリックして選択したい。入力は一連のデータをまとめて行う。それらはHTMLの兄弟要素に書き込む。つまり兄弟要素をそのままセットで書き込むのだ。
クリックするのは1つのデータなので、その兄弟要素を取得しなければならない。
考えた方法は二つあって、最初にSibling、いわば"蟹の横這い"とでもいうか、隣りを探り、そこからさらに隣を探るような方法、次の方法はparentで一旦親要素に上がり、そこからgetElementsByClassNameで取得した配列で位置を見定めて降りるといういわば"高巻き"とでもいえる方法。
BOXの構造によってそれぞれ適した方法を採用すれば良いのだが、とりあえず評価を兼ねて両方を採用した。
ネイティブなソースを記述するのは効率こそ悪いのだが、趣味の対象としては楽しい頭の体操になっている。