在纯JavaScript中相当于什么?
问题描述:
$('<span class="pictos">j</span>').prependTo('li');
答
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);
}
答
什么的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);
}
+0
+1,不知道有关'cloneNode'。 – casablanca 2010-10-09 17:47:57
完美,谢谢! – Hope 2010-10-09 17:41:56