DOM ノードの置換または変更関数 replaceChild() の使用例_JavaScript スキル

WBOY
リリース: 2016-05-16 16:21:03
オリジナル
969 人が閲覧しました

この記事の例では、replaceChild() 関数を使用して DOM ノードを置換または変更する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

DOM ノードの置き換えプロセス:
(1) 新しいノードを作成します。
(2) 古いノードを見つけます
(3) 親ノードの観点から、replaceChild(new, old) 関数を使用して置き換えます。

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

<頭>
<スクリプトタイプ="text/javascript">
関数 t(){
//アイデア: 1. まず、置換するノードを見つけます。 2. 新しいノードを作成します。 3. 親ノードを見つけて、親ノードの観点から replaceChild(new, old) メソッドを呼び出します。 var newli = document.createElement('li');// 新しいノードを作成します
var newtext = document.createTextNode('day');//テキストノードを作成します
newli.appendChild(newtext);

var nodeul = document.getElementsByTagName('ul')[0];//親ノードを検索
var oldli = nodeul.children[2];//置き換えるノードを検索

nodeul.replaceChild(newli,oldli);//
を置換します
}







  • 青空












この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

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