许多元素的Javascript设置值非常慢

我有一个改变输入值的循环，我找不到任何解决方案来优化它，因为这个循环需要5秒钟以上的时间

我的循环如下所示：

for(let i = 0; i < 50; i++)
{
    const element = document.getElementById(`txt-assembly-${i}`);
    element.value = "40";
}

for（设i=0；i<50；i++）
{
const element=document.getElementById（`txt assembly-${i}`）；
element.value=“40”；
}

不，在50个元素上设置

值并不慢，它几乎是瞬时的。您的性能问题必须在其他地方。尝试查看chrome中的开发控制台性能选项卡


for（设i=0；i<50；i++）
document.querySelector（'div'）.appendChild（document.createElement（'input'））；
让reset=val=>[…document.querySelectorAll（'input'）]
.forEach（el=>el.value=val）；
复位（40）；
document.querySelector（'button'）.addEventListener（'click'，（）=>reset（Math.random（）*100））
随机
不，在50个元素上设置
值并不慢，它几乎是瞬时的。您的性能问题必须在其他地方。尝试查看chrome中的开发控制台性能选项卡


for（设i=0；i<50；i++）
document.querySelector（'div'）.appendChild（document.createElement（'input'））；
让reset=val=>[…document.querySelectorAll（'input'）]
.forEach（el=>el.value=val）；
复位（40）；
document.querySelector（'button'）.addEventListener（'click'，（）=>reset（Math.random（）*100））
随机
这段代码实际上不应该占用5秒或任何接近该时间的时间。你能提供一个答案吗？我能看到这需要这么长时间的唯一方法是你的计算机陷入困境，或者有过多的元素。这段代码不应该真的需要5秒或任何接近这个时间的地方。你能提供一个答案吗？我能看到这需要这么长时间的唯一方法是你的计算机陷入困境，或者有过多的元素。好的，谢谢，我有一个布局强制回流很多次，我想这就是为什么，我会找到为什么我在每个回路有一个回流。谢谢，我有一个布局强制回流很多次，我想这就是为什么，我会找到为什么我在每个回路有一个回流