這篇文章將為大家詳細講解有關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>
關于JavaScript缺少insertAfter怎么辦就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
