B 加入 A 後,
就有兩個 id 為 'a' 的 button,
你想會有什麼事發生?

甚麼 B 加入 A ????
哪裏會出現兩個 A?????

這一段是把 A 從 hbox 中移除, 再放進 hbox 裏做為 lastChild
會有甚麼事發生呢???

不是吧....
你那個動作只是在A的父節點底下新增一個名為A的html element
所以會變成有兩個一模一樣的元素
應該是先用removeChild()再用insertBefore()

吧?

If child is a reference to an existing node in the document, appendChild moves it from its current position to the new position (i.e. there is no requirement to remove the node from its parent node before appending it some other node).

This also means that a node can't be in two points of the document simultaneously. So if the node already has a parent, it is first removed, then appended at the new position.

首先, 有這樣的兩個按鈕:
代碼:
<hbox>
<button id="a" label="按鈕A"/>
<button id="b" label="按鈕B"/>
</hbox>

然後用這個 function 為它們加入 click 事件:
代碼:
add: function() {
document.getElementById("a").addEventListener("click", function() {
this.setAttribute("label", this.getAttribute("label") + "1");
}, false);

document.getElementById("b").addEventListener("click", function() {
var button = document.getElementById("a");
button.parentNode.appendChild(button);
}, false);
}

再試試按一下 A, 它的 label 能成功地不停加入 1 字
最後按一下 B, A 也能成功地放到 B 後面
但再按 A 的時候, 它的 click 事件就失效了 Shocked

請問大家, 應該如何解決這個問題呢 Question
感謝 Smile
這個....我當然是有試過才問的....= ="
更何況 appendChild 的用法我可是很清楚的喔
DOM:element.appendChild

所以先用 removeChild 再用 appendChild 是多餘的

如你所述, 它不該發生問題. 那你為什麼發問?

Oh, my God... 還在研究 appendChild 嗎... = ="
appendChild 當然沒問題...

我的問題是: 用了 appendChild, insertBefore 或者 replaceChild 之後, 用 addEventListener 新增的 event 似乎會失蹤

而我以上列出的所有 code 都能顯示出這現像
所以想請教大家, 應該如何解決這問題?

為何總是被人看成是專問低能問題的呢....

喔喔，失蹤應該是正常的，所以要重新 addEventListener 一次。
.cloneNode(true) 試試看「或許」可以。

喔, 謝謝你的答案
不過.... 不知道大家還有沒有其他的方法呢

.cloneNode 提醒

剛才發現, 這個問題在 3.0a5 中解決了, 請各位套件開發者注意