Javascript设置值很多元素很慢

由被情所困、发布于 2020-04-09 04:20:22

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

我的循环看起来像这样：

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

fillum

2020-04-09 04:20:23

No, setting value on 50 elements isn't slow, it's near instantanous. Your performance issues must be elsewhere. Try looking at the dev console performance tab in chrome.

for (let i = 0; i < 50; i++)
  document.querySelector('div').appendChild(document.createElement('input'));

let reset = val => [...document.querySelectorAll('input')]
  .forEach(el => el.value = val);
  
reset(40);
  
document.querySelector('button').addEventListener('click', () => reset(Math.random() * 100));

<button>random</button>
<div></div>

被情所困、

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3234
注册排名
2246