replaceChild() を使用して既存の要素を javascript_javascript スキルで置き換える方法の概要

replaceChild(a,b) は、ドキュメント内の既存の要素を置換するために使用されます。
パラメーター a: 挿入されるノード、
パラメーター b: 置換されるノード

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

var oDiv = document.getElementById("guoDiv");
var oSpan = document。 createElement("span ");
oSpan.innerHTML = "4";
var firsChild = oDiv.firstElementChild : oDiv.firstElementChild
var returnNode = oDiv.replaceChild(oSpan, firsChild); //最初の要素を置換し、置換された要素を返します。
alert(returnNode.innerHTML); //1
var lastChild = oDiv.lastElementChild ?
oSpan = document; .createElement( "span");
oSpan.innerHTML = "5";
returnNode = oDiv.replaceChild(oSpan, lastChild) // 最後の要素を置き換えて、置き換えられた要素を返します
alert(returnNode) .innerHTML );//3

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

1