(原創) 為什麼W3C DOM不提供insertAfter? (Web) (JavaScript)

來源:互聯網
上載者:User

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 

代碼已經說明了一切。簡單的說,判斷target element是否為最後一個node,若為最後一個node,則用appendChild()加到最後,若不是最後一個node,則用insertBefore()加到下一個node的前面。

Conclusion
或許可以把這個insertAfter()函數放在自己的library中,以便於日後使用。

See Also
(原創) 如何為Blog加上簡體中文(繁體中文)翻譯? (Web) (CSS) (JavaScript)
(原創) 如何在Blog內任意處動態產生Google AdSense廣告? (Web) (CSS) (JavaScript)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.