このページは削除されました。以前のリビジョンの一覧をチェックして、いつ・なぜ削除されたのか確認したり、過去の版にアクセスしたり、元に戻したり出来ます。
このページは削除されました。以前のリビジョンの一覧をチェックして、いつ・なぜ削除されたのか確認したり、過去の版にアクセスしたり、元に戻したり出来ます。
このページでは、DOMで要素を作成し、それをドキュメントや他の要素に追加・削除する方法を紹介します。 ※ 要素の作成以外は、Elementインターフェイスに限らずすべてのNodeインターフェイスで共通の技術です。ただし親要素によって追加できるノードの種類が異なるため注意が必要です。 [関連キーワード: createElement、appendChild、insertBefore、removeChild、DocumentFragment、createDocumentFragment] 要素の作成・追加 DOMで要素(Element)を作成するには、DocumentインターフェイスのcreateElementメソッドを使用します。 [JavaScript] var newElement = document.createElement("div"); しかし、createElementは単に要
<script type="text/javascript"> <!-- window.onload = function() { if (!document.createElement) return; var ele = document.createElement("div"); // 新規に要素(タグ)を生成 var str = document.createTextNode("あいうえお"); // 生成する要素の値(文字列) ele.appendChild(str); // 生成する要素の作成(要素に値を追加) document.body.appendChild(ele); // このページ (document.body) の最後に生成した要素を追加 } // --> </script> 既存のエレメント(要素)に別の要素を追加する場合は createElement() を使用
ないけど、なくても困らない。 insertBeforeでできる。 parentElement.insertBefore(newElement, targetElement.nextSibling) targetElement の後ろに newElement を入れたかったらこれで済む。 targetElement がparentElementの最後の子要素(lastChild)だったとしても、 targetElement.nextSibling は null となり、 parentElement.insertBefore(newElement, null) は末尾に追加なので、万事OK。 安易に insertAfter() を作らなかったことを評価したい。
っていう JavaScript を書いたとき、 func1 の処理が完全に終わってから func2 の処理を行いたい。 そんなことを考えてたわけなのですが。 どうにかしてうまいこと処理したい、そう思って調べてたら、 動的スクリプトローディング(さんざん既出だと思うけど|IT戦記 こんな記事を発見。 jQuery が完全に読み込まれたのを確認してから実際の処理を行う、というものなのだったので一部拝借。 $(function(){ func1(); //func2(); //setTimeout で遅延処理 setTimeout(function(){ if(!func1()) setTimeout(arguments.callee, 100); else func2(); }, 100); }); var func1 = function(){ //処理 1 return true; //処
最近ではレスポンシブ対応などでの構成を考える上で 要素によって、PC版ではリンクさせるけれど、スマホ版ではリンクさせない、といった HTMLソース上では<a>タグをつける必要があっても それを無効化する必要があることによく遭遇します。 そんな時に使える、jQueryで親要素を削除することができる 「unwrap()」が便利だったのでご紹介。 サンプルでは、リンクテキストを用意して、 PCでは通常にリンクが張られ、スマホ(iPhone/iPod、Android)では テキスト表示のみになる、といったものを紹介してみます。 HTML側ではリンク<a>タグの中に <span>タグで囲ったテキストを入れます。 ◆HTML <a href="https://black-flag.net" target="_blank" rel="noopener"><span>リンクテキスト</span></a>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く