JavaScript缺少insertAfter解決方案
在現(xiàn)有的方法后插入一個新元素，你可能會想：既然有insertBefore方法，是不是也有一個相應的insertAfter()方法。很可惜，DOM沒有提供方法。
下面編寫insertAfter函數(shù)，雖然DOM本身沒有提供，但它確實提供了一個把一個節(jié)點插入到另一個節(jié)點之后所有工具。我們完全可以利用已有的DOM方法和屬性編寫一個insertAfter函數(shù)：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body>
在現(xiàn)有的方法后插入一個新元素，你可能會想：既然有insertBefore方法，是不是也有一個相應的insertAfter()方法。很可惜，DOM沒有提供方法。下面編寫insertAfter函數(shù)，雖然DOM本身沒有提供，但它確實提供了一個把一個節(jié)點插入到另一個節(jié)點之后所有工具。我們完全可以利用已有的DOM方法和屬性編寫一個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é)點’); p.appendChild(txt); var lis = document.getElementsByTagName(’li’); //insertAfter(p,lis[0])</script></body></html>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關文章：
網(wǎng)公網(wǎng)安備