DOM的一些常见问题

1.一个元素的child会包含空格，会以文本节点的形式展现。

所以我们如果用原生javascript最好使用firstElementChild或者lastElementChild来获取相应的元素节点。

 2.原生DOM操作insertBefore方法的使用

 

var first_li = ul.firstElementChild.cloneNode(true),
    last_li = ul.lastElementChild.cloneNode(true);
/***把第一张图片跟最后一张图片添加进ul里面***/
 ul.insertBefore(last_li,ul.firstElementChild);//insertBefore的方法对象是加给父节点的，第一个参数是要添加的元素，第二个参数是要添加到谁的前面
 ul.appendChild(first_li);//appendChild的方法也是加给父节点