書式
obj.replaceChild(newNode, oldNode)
属性
| パラメータ |
内 容 |
| newNode |
置換後のノード |
| oldNode |
置換前のノード |
対応
[IE5〜][Firefox 1〜][Safari 1〜][Opera 8〜][Netscape 6〜]
説明
指定したエレメントのノードを置換します。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
<script type="text/javascript"><!--
function rmNode() {
var divObj = document.getElementById("pBox");
var imgObj = document.createElement("img");
imgObj.src = "icon2.jpg";
var repObj = divObj.firstChild;
divObj.replaceChild(imgObj, repObj);
}
// --></script>
</head>
<body bgcolor="#fffff0">
<h1>removeChild</h1>
<form>
<input type="button" id="myButton" value="Click" onClick="rmNode()">
</form>
<div id="pBox">text 1<img src="icon.jpg"></div>
</body>
</html>