gpt4 book ai didi

javascript - HTML/JS - 保存数据-*以供以后使用

转载 作者:行者123 更新时间:2023-12-03 07:30:46 25 4
gpt4 key购买 nike

背景:我目前正在使用一个库坐标系 HTML-canvas 。目前,用户只需添加 div 即可使用它。 -特定类别的元素。他应该能够使用 data-* 自定义系统div 上的属性-元素。

我需要经常访问这些数据(例如调整大小)。我循环遍历所有 div 的数组具有所述类(由 document.getElementsByClassName 返回)并使用 element.getAttribute(name) 读取数据调整元素大小并进行进一步操作。我认为总是再次读取数据(每次调整大小)并使用它并不是那么有效。存储数据并随时访问数据的好方法(良好实践/高效)是什么?

我正在考虑一个数组。我可以写一个init() -function,它将所有数据加载到每个 data-* 具有一个属性的对象中元素和一个额外的元素来容纳 HTML -元素本身。在调整大小时,我可以循环遍历数组中的所有对象并执行我的操作...

由于我是 javascript 新手,因此我很高兴能获得任何帮助。您对这种方法有何看法?

最佳答案

如果将 document.getElementsByClassName 保存为数组,则访问它们的数据属性只是检索对象的属性。只是在 DOM 上定位元素需要时间。只要您存储该数组,循环遍历它就很快。

关于javascript - HTML/JS - 保存数据-*以供以后使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35807431/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com