js中insertBefore方法的使用

js中insertBefore方法的使用。

这是该方法的初始方法。
parentElement.insertBefore.(newElement,targetElement)

直接从字面就可以看到，parentElement为父元素，在调用insertBefore方法后，将新元素插入到目标元素之前。

var gallery = document.getElementById('imageGallery');
gallery.parentNode.insertBefore('placeholder','gallery');

看上面的代码，可以看出，获取到gallery的父级元素，即body元素，将placeholder元素插入到gallery元素前，即插入到body元素中的gallery元素前。

我们可以拿appchild方法比较一下，appchild元素是直接将新元素插入到父级元素的最后，而insertbefore则是插入到元素的前。

具体可以在使用中仔细体会这两个元素的使用方法。