<div class="codetitle"> <span><a style="CURSOR: pointer" data="65923" class="copybut" id="copybut65923" onclick="doCopy('code65923')"><u>コードをコピーします</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code65923"> <br><title></title> <script type="text/javascript"> <br>function createNode() { <br>var pNode = document.createElement('p'); <br>var tNode = document.createTextNode('揚州の花火3 月' ); <br>pNode.appendChild(tNode); <br>} <br>function r() { <br>var pNode = document.createElement('p) ') ; <br>var tNode = document.createTextNode('旧友のXici Yellow Crane Tower'); <br>pNode.appendChild(tNode); <br>var reNode = document.getElementsByTagName ('p')[0]; <br>//このメソッドは IE ブラウザにのみ適用されます<br>//reNode.replaceNode(pNode, reNode)<br>//さまざまなブラウザに適用されます<br>reNode.parentNode.replaceChild(pNode, reNode); <br>} <br>function reNode() { <br>var oldNode = document.getElementsByTagName('p')[0]; parentNode 返されるのは p ノードの親ノードです。これが本体です <br>//次に、本体ノードのremoveChildメソッドを使用してoldNodeノードを削除します <br>oldNode.parentNode.removeChild(oldNode); >} <br></script> <br><body> <br><input id="Button1" type="button" value="ノードの作成" createNode()"/> <br><input id="Button2" type="button" value="ノードを置換" onclick="r()" /> <br><input id="Button3" type="button" value= "ノードの削除" onclick="reNode()" /> <br></html></div>