(原創) 為什麼W3C DOM不提供insertAfter? (Web) (JavaScript)
Abstract
W3C DOM定義了insertBefore()與replaceChild()，為什麼沒有insertAfter()。
Introduction
在(原創) 如何為Blog加上簡體中文(繁體中文)翻譯? (Web) (CSS) (JavaScript)時，我想用insertAfter()，但卻發現W3C DOM沒制定這個函數，既然沒制定，一定表示既有的函數就可以完成，苦思許久，最後在Google找到答案。
insertAfter()可以用insertBefore()與appendChild()來完成。
1 function insertAfter(newelElement,targetElement) {
2 var parent = targetElement.parentNode;
3 if (parent.lastChild == targetElement) {
4 parent.appendChild(newElement);
5 }
6 else {
7 parent.insertBefore(newElement,targetElement.nextSibling);
8 }
9 }
10
2 var parent = targetElement.parentNode;
3 if (parent.lastChild == targetElement) {
4 parent.appendChild(newElement);
5 }
6 else {
7 parent.insertBefore(newElement,targetElement.nextSibling);
8 }
9 }
10
代碼已經說明了一切。簡單的說，判斷target element是否為最後一個node，若為最後一個node，則用appendChild()加到最後，若不是最後一個node，則用insertBefore()加到下一個node的前面。
Conclusion
或許可以把這個insertAfter()函數放在自己的library中，以便於日後使用。
See Also
(原創) 如何為Blog加上簡體中文(繁體中文)翻譯? (Web) (CSS) (JavaScript)
(原創) 如何在Blog內任意處動態產生Google AdSense廣告? (Web) (CSS) (JavaScript)
