insertAfter()函数
DOM并没有提供这个方法,但我们可以编写这个函数。
具体思路如下:
(1)函数有两个参数:一个是被插入的新元素(newElement)
一个是目标函数(targetElement)
(2)把parentNode属性值保存到变量parent里
(3)检查元素是不是parent的最后一个子元素
(4)若是,就用appendChild方法把新元素加到parent元素上
(5)若不是,就把新元素插入到目标元素与目标元素的下一个兄弟元素之间。
用insertBefore方法把新元素插入到目标元素的下一个兄弟元素之前。
主要代码:
function insertAfter(newElement,targetElement)
{
var parent=targetElement.parentNode;
if(parent.lastChild==targetElement)
{
parent.appendChild(newElement);
}
else
{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}