在纯JavaScript中相当于什么？

Question

$('<span class="pictos">j</span>').prependTo('li'); 

Answer 1

var li = document.getElementsByTagName('li'); 
for (var i = 0; i < li.length; i++) { 
    var e = document.createElement('span'); 
    e.className = 'pictos'; 
    e.appendChild(document.createTextNode('j')); 
    li[i].insertBefore(e, li[i].firstChild); 
} 

Working example on JSBin

Answer 2

什么的jQuery实际上做的是采取元素和克隆它为每个父它需要附加到这是一个有点快，就像这样：

var span = document.createElement('span'); 
span.className = 'pictos'; 
span.appendChild(document.createTextNode('j')); 

var lis = document.getElementsByTagName('li'); 
for (var i = 0; i < lis.length; i++) { 
    lis[i].insertBefore(span.cloneNode(true), lis[i].firstChild); 
}​ 

You can test it out here。