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

この記事の例では、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 プログラミング設計に役立つことを願っています。