replaceChild()函式用法介紹

螞蟻小編發表於2017-04-14
函式

此函式可以將指定元素的子節點替換為另一個。

如果此函式執行成功，則返回被替換的節點，如果替換失敗則返回null。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
nodeObject.replaceChild(new_node,old_node)

引數列表:

引數描述
new_node必需。指定新的節點。
old_node必需。指定被替換的節點。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>replaceChild()函式-螞蟻部落</title>
<script type="text/javascript">  
window.onload=function(){
  var mytable=document.getElementById("mytable");
  var newTd=document.createElement("td");
  var textNode=document.createTextNode("螞蟻部落");
  newTd.appendChild(textNode);
  var oldTd=document.getElementById("mytd");
  mytable.getElementsByTagName("tr")[0].replaceChild(newTd,oldTd);
}
</script> 
</head> 
<body>
<table id="mytable" border="1">
  <tr>
    <td id="mytd">原來的內容</td>
  </tr>
</table>
</body> 
</html>

以上程式碼程式碼而已將table中的td節點進行替換。

特別說明:nodeObject必須是要替換節點的一級父節點。

相關文章