ホームページ  >  記事  >  ウェブフロントエンド  >  javascriptの基本操作のまとめ dom_javascriptスキル

javascriptの基本操作のまとめ dom_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 18:29:44851ブラウズ

頻繁に遭遇するかもしれないので、以下のようにまとめます。
1. dom 要素の作成
2. dom 要素の挿入
4. dom 要素の削除。 dom 要素

まず、ページにはいくつかの単純な dom 要素があります


aaaaaaaa

div 要素、js コードを作成します:
var div_d = document.createElement('div');
div_d.innerHTML = "dddddddd";
div_d.id = "d"; /innerText はここでは使用されません。ブラウザの互換性によって引き起こされる問題を回避するため、
次に、DOM 要素内の ID B の div の前に、作成した ID d の div を挿入します。
var div_wrap = document.getElementById( 'wrap');
var div_b = document.getElementById('b');
div_wrap.insertBefore(div_d,div_b);
wrap の ID で子要素の直後に挿入すると、
div_wrap.insertBefore( div_d,null);

div_b を置き換えると、次のようになります。
div_wrap.replaceChild(div_d,div_b);要素 ID が b の指定された div
div_b を削除します。
または
document.body.removeChild(div_b);
派生メソッドとアプリケーションが多数存在する可能性があります。今後もしばらく書き続けるつもりはありません

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。