Web業界約20年目、毎回同じことをググる系ディレクターです。ご無沙汰してます。 ググるとはいうものの、最近はAIに聞くことも増えてきて、検索や実装フローの変化をひしひしと感じています。 さて今回は「要素を別の場所に移動したい」だけなのに ...
⑥'getElementByIdメソッドでidがlistsと設定されている要素 (今回であればulタグ)を取り出すlistsElementを生成。 ⑦'appendChildメソッドで⑥'で取り出したulタグの子ノードとして⑤(『追加されたテキストノード』というテキストが入ったli要素)を入れ込む。
まずは共通的に使用されている処理を別メソッドに抽出しましょう。リスト2③④の個所で 「Elementの生成→要素の中身をセット」 するコードが3ヵ所出てきます。 ここで前号の本連載で紹介した変数の 「スコープ」 に着目してみましょう。変数idNodeが使用 ...