ホームページ > 記事 > ウェブフロントエンド > js を使用して、nodes_javascript スキルの追加、削除、変更、コピーなどの操作を完了します
js を使用して、nodes_javascript スキルの追加、削除、変更、コピーなどの操作を完了します
- WBOYオリジナル
- 2016-05-16 17:05:35968ブラウズ
要件: ノードの追加、削除、変更、コピーの操作を完了します
使用されるメソッドと属性:
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">変更:
クローン:
这里是第二个区域
这里是第三个区域
这里是第四个区域
追加:
< hr / >
削除:
< font size="12px">変更:
クローン:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。