有一个elements
对象,它不是Array,而是类似于数组的HTML对象
我需要在click
之后的1秒内alert
每个element
的innerHTML
。
我写了这个代码(下面),但它不起作用。
[].forEach.call(elements, function (element) {
element.onclick = () => setTimeout(alert(element.innerHTML), 1000);
});
我凭直觉知道这段代码中有一个错误(即使没有执行),但我不知道它在哪里,是什么样子(可能是参数出了问题?)
必须使用forEach
(索引器i
在原始代码中使用)。
也许省略了问题中微不足道的细节,我错过了一些有意义的东西。所以我带来了一个更完整的代码:
var colors = ["red", "green", "blue"];
var fragment = document.createDocumentFragment();
colors.forEach(function (color, i) {
var span = document.createElement("SPAN");
span.style.backgroundColor = color;
span.tabIndex = i + 1;
span.onclick = () => setTimeout(console.log(span.innerHTML), 1000);
fragment.appendChild(span);
});
您需要将警报包装在另一个匿名函数中:
[].forEach.call(elements, function (element) {
element.onclick = () => setTimeout(() => alert(element.innerHTML), 1000);
});
否则,当传输时它是setTimeout(alert(element.innerHTML), 1000);
,并且您需要setTimeout(function() {alert(element.innerHTML)}, 1000);