このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなくて損したPC情報とかを分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • Affinity Photo:読み込んだ画像がボケてしまうことがある (01/16)
  • iPhone:ツイッター等のリンクを開いた時にアプリが起動するのを防ぐ (01/14)
  • iPhone:「Safari」で見ているページをPCの「Firefox」に送る (01/11)
  • Affinity Photo:編集中のキャンバスの端が「1px」欠ける件 (01/09)
  • LINE:お店の場所をGoogleマップで開ける形で相手に送る (01/07)
  • 管理人より
    2019年もよろしくおねがいします。

    JavaScript:「jQuery」なしで要素を簡単に指定位置に挿入する

    このエントリーをはてなブックマークに追加
    イメージ


    こんにちは、さち です。

    最近、ユーザースクリプトを書く時に
    jQuery をわざわざ読み込むのが嫌で
    純粋な JavaScript だけで書くことが増えてきました。

    ただ、1つ困ったことが……。
    「要素」をウェブページに追加するときに
    「insertBefore」はあるのに、「insertAfter」はない。
    「appendChild」はあるのに、「prependChild」はない。

    「insertBefore」「appendChild」だけで要素を追加しようとすると
    位置によっては回りくどい記述が必要になり面倒です。

    楽をするには、jQuery を使うか自力実装しかないのかと悩んでいたら
    JavaScript にも jQuery に近い要素の追加方法があることを発見!
    備忘録として記事にまとめておきます。



    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2018 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ