Javascript/DOM操作

最終更新: 2015-10-19 (月) 12:58:08 (642d)

このページの内容は http://yakinikunotare.boo.jp/orebase2/javascript/dom_ope に移動しました

目次 Edit

バージョンと製造年月日 Edit

2009年01月17日

すべてのノードを取得する Edit

document.getElementsByTagName("*");

子要素を削除する Edit

子要素は

hogeparent.removeChild(hogechild);

で削除する。これはオブジェクトをあくまで親要素から引き剥がすだけであって、GCによってオブジェクトを破壊するわけではない

オブジェクトを画面に再描画させる Edit

var hoge = document.createElement("img");
document.body.appendChild(hoge);
document.body.appendChild(hoge);

2つのオブジェクトが表示される直感だが、1個しか出ない。DOMは画面上に1個しか存在できない。

先に存在するほうが優先されて、後の変更は無視される。
これはDOMをJavascriptのオブジェクトでラッピングして操作する際にバグになりやすい。

画面表示のためにDOMをハンドリングするときは常に引き剥がす処理を先行して行わなければ、後続の貼り付ける処理で何も起きなくなる。

直前に挿入 Edit

親ノード.insertBefore(前に挿入したいヤツ, 挿入されるやつ);

交換 Edit

実際には交換ではなくて交換される側がremoveChildされる。つまり画面に貼り付けられた2要素を交換すると片方が消えてしまう。

親ノード.replaceChild(入れたいやつ, 交換されるやつ);

参考サイト Edit

タグ Edit

Tag: Javascript DOM 移動済み

リロード   new Edit 凍結 差分 Upload 複製 名前変更   Home Page list Word Search Recent Update バックアップ Referer   Help   最終更新のRSS
Last-modified: 2015-10-19 (月) 12:58:08 (642d)