DOMを操作して要素の挿入や移動をするいろいろ
JavaScript $(function() { $('ol#before').before('<p>前に挿入</p>'); $('ol#after').after('<p>後に挿入</p>'); $('ol#prepend').prepend('<li>0番目</li>'); $('ol#append').append('<li>4番目</li>'); }); ‘挿入する要素’の部分は以下のように$(”)の形でも記述できるようです。 この場合、要素の挿入ではなく別個所からの移動になります。 $(function() { $('ol#before').before($('#sample1')); $('ol#after').after($('#sample2')); $('ol#prepend').prepend($('#sample3')); $('ol#append').append
動的に生成したDOM要素に対してjQueryでイベントを設定する場合 - Qiita
参考： jQueryで動的に生成される要素に対するイベントの設定方法 | klog .on() | jQuery 1.9 日本語リファレンス | js STUDIO よく忘れるので備忘録。 jQueryで動的にDOMを生成すると、その要素に対してイベントを生成するには通常の方法ではイベントが効かなくなる。 例：（一部参考サイトより抜粋） <div id="1">1つめの要素</div> <script type="text/javascript"> $("#1").click(function(){ $("#1").after("<div id=\"2\">２つ目の要素追加</div>"); }); $("#1").click(function(){ alert("1つ目の要素クリック"); }); $("#2").click(function(){ alert("2つ目の要素クリック")
ライブラリを使わない素のJavaScriptでDOM操作 - Qiita
jQueryやその他ライブラリを使わない、素のJavaScriptでのDOM操作関連をまとめてみました。 要素の検索 //id指定 document.getElementById('id'); //class指定 document.getElementsByClassName('class'); //タグ指定 document.getElementsByTagName('div'); //cssセレクタで指定 document.querySelector('#main .posts h1'); //最初の一つを取得 document.querySelectorAll('a'); //すべて取得 //親要素 element.parentNode; //子要素 element.firstElementChild; //最初の子要素 element.lastElementChild; //最後の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
