JavaScript缺少insertAfter解決方案
在現(xiàn)有的方法后插入一個(gè)新元素，你可能會(huì)想：既然有insertBefore方法，是不是也有一個(gè)相應(yīng)的insertAfter()方法。很可惜，DOM沒有提供方法。
下面編寫insertAfter函數(shù)，雖然DOM本身沒有提供，但它確實(shí)提供了一個(gè)把一個(gè)節(jié)點(diǎn)插入到另一個(gè)節(jié)點(diǎn)之后所有工具。我們完全可以利用已有的DOM方法和屬性編寫一個(gè)insertAfter函數(shù)：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body>
在現(xiàn)有的方法后插入一個(gè)新元素，你可能會(huì)想：既然有insertBefore方法，是不是也有一個(gè)相應(yīng)的insertAfter()方法。很可惜，DOM沒有提供方法。下面編寫insertAfter函數(shù)，雖然DOM本身沒有提供，但它確實(shí)提供了一個(gè)把一個(gè)節(jié)點(diǎn)插入到另一個(gè)節(jié)點(diǎn)之后所有工具。我們完全可以利用已有的DOM方法和屬性編寫一個(gè)insertAfter函數(shù)：
<ul> <li>1</li> <li>2</li> <li>3</li></ul><script> function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode; if(parent.lastChild == targetElement){ parent.appendChild(newElement); }else{ parent.insertBefore(newElement,targetElement.nextSibling); } } var p = document.createElement(’p’); var txt = document.createTextNode(’我是新插入的節(jié)點(diǎn)’); p.appendChild(txt); var lis = document.getElementsByTagName(’li’); //insertAfter(p,lis[0])</script></body></html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. django queryset相加和篩選教程2. 利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算3. Java PreparedStatement用法詳解4. 使用AJAX（包含正則表達(dá)式）驗(yàn)證用戶登錄的步驟5. JS圖片懶加載庫(kù)VueLazyLoad詳解6. Java利用TCP協(xié)議實(shí)現(xiàn)客戶端與服務(wù)器通信(附通信源碼)7. Java實(shí)現(xiàn)的迷宮游戲8. idea設(shè)置提示不區(qū)分大小寫的方法9. Spring如何集成ibatis項(xiàng)目并實(shí)現(xiàn)dao層基類封裝10. IDEA 2020.1.2 安裝教程附破解教程詳解
網(wǎng)公網(wǎng)安備