//现有的子元素之前插入一个新的子元素

var before = function(elem,newElement,targetElement){

    if(targetElement === undefined)

        return before(newElement ? newElement.parentNode : null,elem,newElement);

    //兼容ie7以下目标节点为空报错的问题

    if(!targetElement)

        return elem ? elem.appendChild(newElement) : null;

    return elem.insertBefore(newElement,targetElement);

};

//现有的子元素之后插入一个新的子元素

var after = function(elem,newElement,targetElement){

    if(targetElement === undefined){

        return after(newElement ? newElement.parentNode : null,elem,newElement);

    }

    return !elem || (elem.lastElementChild || elem.lastChild) == targetElement ?

        // 如果最后的节点是目标元素，则直接添加。因为默认是最后

        before(elem,newElement,null)

    :

        //如果不是，则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面

        before(newElement, targetElement.nextElementSibling || targetElement.nextSibling);

};

//调用：

var elem = getElementById('d1'),

    newElement = document.createElement('div'),

    targetElement = elem.firstElementChild || elem.firstChild;

before(elem,newElement,targetElement);

before(newElement,targetElement);

after(elem,newElement,targetElement);

after(newElement,targetElement);