JavaScript缺少insertAfter解決方案
在現有的方法后插入一個新元素，你可能會想：既然有insertBefore方法，是不是也有一個相應的insertAfter()方法。很可惜，DOM沒有提供方法。
下面編寫insertAfter函數，雖然DOM本身沒有提供，但它確實提供了一個把一個節點插入到另一個節點之后所有工具。我們完全可以利用已有的DOM方法和屬性編寫一個insertAfter函數：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body>
在現有的方法后插入一個新元素，你可能會想：既然有insertBefore方法，是不是也有一個相應的insertAfter()方法。很可惜，DOM沒有提供方法。下面編寫insertAfter函數，雖然DOM本身沒有提供，但它確實提供了一個把一個節點插入到另一個節點之后所有工具。我們完全可以利用已有的DOM方法和屬性編寫一個insertAfter函數：
<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(’我是新插入的節點’); p.appendChild(txt); var lis = document.getElementsByTagName(’li’); //insertAfter(p,lis[0])</script></body></html>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。
相關文章：
1. js的一些潛在規則使用分析2. 使用Blazor框架實現在前端瀏覽器中導入和導出Excel3. 使用開源項目JAVAE2 進行視頻格式轉換4. Vue為什么要謹慎使用$attrs與$listeners5. python中pandas.read_csv()函數的深入講解6. Python-openpyxl表格讀取寫入的案例詳解7. 通過IEAD+Maven快速搭建SSM項目的過程(Spring + Spring MVC + Mybatis)8. javascript實現貪吃蛇小練習9. 解決vue 給window添加和移除resize事件遇到的坑10. ASP.NET MVC遍歷驗證ModelState的錯誤信息
網公網安備