この記事では、domノードの交換または変更関数の使用の使用について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
DOMノード交換プロセス:
(1)新しいノードを作成します。
(2)古いノードを見つけます。
(3)親ノードの観点から、交換する交換(新しい、古い)関数を使用して置き換えます。
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
関数t(){
//思考:1。最初に交換するノードを見つけます。 2。新しいノードを作成します。 3.親ノードの観点から、親ノードを見つけて、交換(新しい、古い)メソッドを呼び出します。
var newli = document.createelement( 'li'); //新しいノードを作成します
var newtext = document.createTextNode( 'daytime'); //テキストノードを作成します
newli.AppendChild(NewText);
var nodeul = document.getElementsByTagname( 'ul')[0]; //親ノードを見つけます
var oldli = nodeul.children [2]; //交換するノードを見つけます
nodeul.ReplaceChild(Newli、Oldli); //交換
}
</script>
</head>
<body>
<div id = "container">
<ul>
<li>スプリング</li>
<li>夏</li>
<li>ブルースカイ</li>
<li>秋</li>
<li>冬</li>
</ul>
</div>
<div id = "copyul">
</div>
<hr />
<button onclick = "t()" value = "">ノードの置換と変更</button>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。