我有一些关于jQuery的性能问题,因此我想尝试使用JS而不是jQuery来循环7000长度。因为我读到了jQuery的性能始终非常糟糕。
我尝试将我的jQuery选择器转换为JS,但它仍然无法正常工作:
从:
var i;
for (i = 0; i < e.detail.length; i++){
$("iframe").contents().find(".timeline-node[title='" + i + "']").css("background-image", "url( \"imgs/" + e.detail[i] + ".png \") ");
}
亲爱的:
var i;
for (i = 0; i < e.detail.length; i++){
document.getElementById('#iframe').querySelector("[title=\"" + i + "\"]").css("background-image", "url( \"imgs/quality_3/" + e.detail[i] + ".png \") ");
}
我新的代码出现了错误:无法读取null的querySelector属性,在HTMLDocument。我认为JS无法找到我的带有attr.i的标题。但是我的jQuery代码运行得很好,但处理7000条索引需要80秒。
document.getElementById('#iframe')
改为document.querySelector('iframe')
- ponury-kostekdocument.getElementById('iframe')
ORdocument.querySelector('#iframe')
if the iframe has the id="iframe" otherwisedocument.querySelector('iframe')
- mplungjan$("iframe")
。 - Derek Pollard