javascript - appendchild和removechild如果要操作的節點的父節點都是body，是不是就不用事先取得body父節點了。又或者

Question

appendchild和removechild如果要操作的節點的父節點都是body，是不是就不用事先取得body父節點了。又或者父節點不是body就需要提前取得父節點在使用？

Answer 1

類似

var _body = document.body;
_body.appendChild(document.createElement('h1'));
_body.removechild(docuemnt.getElementsByTagName('h1')[0]);

不存在這樣的用法

appendChild(***).removeChild(***)  //肯定报错

至於，你說的，不需要取得操作body父節點，程式碼都不知道在哪裡操作，一定會報錯。

Answer 2

Node.removeChild() 方法從DOM移除一個子節點。返回刪除的節點。

文法

let oldChild = node.removeChild(child);
//OR

element.removeChild(child);

child 是要移除的那個子節點.
node 是child的父節點.
oldChild保存對刪除的子節點的引用. oldChild === child.

建議你閱讀：https://developer.mozilla.org...

---

Node.appendChild() 方法將一個節點加入到指定父節點的子節點清單末尾。

var child = node.appendChild(child);

node 是要插入子節點的父節點.
child 即是參數又是這個方法的回傳值.
範例：

// 创建一个新的段落p元素,然后添加到body的最尾部
var p = document.createElement("p");
document.body.appendChild(p);

建議你閱讀：https://developer.mozilla.org...

Answer 3

一定要先取得父元素才能使用appendChild()啊，不然怎麼確定是加在那個元素後面。 。 。 。 。 。

Answer 4

標籤不是還有的父節點和兄弟節點的嘛，所以最好拿一下父節點的好

Answer 5

父節點要提前取得的。案例是直接用document.body。取得的父節點body。這是DOM0級制定的規範。如果父節點不是body。就的單獨獲取。因為其他父節點和body不一樣。