ホームページ > ウェブフロントエンド > jsチュートリアル > js を使用して、nodes_javascript スキルの追加、削除、変更、コピーなどの操作を完了します

js を使用して、nodes_javascript スキルの追加、削除、変更、コピーなどの操作を完了します

WBOY
リリース: 2016-05-16 17:05:35
オリジナル
1010 人が閲覧しました

要件: ノードの追加、削除、変更、コピーの操作を完了します

使用されるメソッドと属性:
1. 特定のノードの親ノードを取得します
parentNode 属性
2.あるノードの親ノード 子ノードのコレクション
childNodes 属性
3. 新しいノードを作成します
createTextNode (ノードのテキストコンテンツ) ドキュメントオブジェクトのメソッドは一部のブラウザと互換性がありません
createElement (object) ドキュメント オブジェクトのメソッド。例: document.createElement("a");
4. ノード オブジェクトに属性と属性値を追加します。例: aNode.setAttribute("href" ,"http://www.baidu.com");
5. 特定のノードの下の子ノードを置き換えます
replaceChild (新しいノード、アトミック ノード); >6. ノードの下にノードを追加します
appendChild (追加するノード)
7. ノードのクローンを作成します

cloneNode() を渡すことは true を渡すことと同じです。パラメータ。これは、子ノードを含むノードのクローンを作成することを意味します。


コードをコピー コードは次のとおりです:




node_CURD.html













这里是第二个区域


这里是第三个区域


这里是第四个区域



追加:


< hr / >
削除:




< font size="12px">変更:


クローン:

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート