在TVJS应用程序中更新DOM的最有效方法？

Question

在TVJS中更新DOM看起来几乎是瞬间的(在DOM中大约1000个锁定项)，而在另一个实例中则会阻塞UI 30秒(大约10000个锁定项)。

文档引用存储为引用，并使用以下几个属性进行更新：

var element = doc.getElementsByTagName('lockup').item(index);
element.setAttribute('id', 'item-highlight');
element.setAttribute('autoHighlight', 'true');

有没有一种更高效、更高效的更新DOM的方法？

Answer 1

您在显示的块周围有一个循环，我说的对吗(参见index)？我猜，doc.getElementsByTagName('lockup') --每次处理整个DOM --都会占用相当多的时间。因为它每次都会返回相同的数组，所以把它拉到循环的前面。就像这样..。

var elems = doc.getElementsByTagName('lockup')
for (var elem of elems) {
  elem.setAttribute(...)
}