JavaScript - node.parentElement 是否被视为 DOM 访问权限？
JavaScript - Is node.parentElement considered DOM access?
我正在尝试了解有关访问和使用 DOM 对象的最佳实践。我有一个脚本，每次单击单元格时，我都会通过调用 td.parentElement.cells 来获取 table td 的同级单元格。这被认为是最佳实践，还是我需要创建和初始化每个 table 行的单元格数组，并以这种方式搜索 td 的相应单元格？
谢谢。
通常遍历一个 DOM 是一种老式且痛苦的编程方式。它适用于进行单个修改，但您的程序修改 DOM 的次数越多，您 就越难在心理上模拟正在发生或可能发生的事情。
正是因为这个原因，前端框架才存在。
你可以跳到空中几十厘米。如果你非常努力地练习，甚至米。
但这并不能真正为制造长距离飞行的飞机做出贡献：进步的表象是虚幻的。
看看这里，看看不用遍历 DOM 是多么容易。 https://vuejs.org/v2/guide/#Declarative-Rendering
取舍
在回答您的问题时，是的，它们确实增加了开销。如果最小化到千字节级别对您来说很重要，那么是的，您应该直接访问 DOM，因为这将占用最少的代码，因此在该约束下工作是一种很好的做法。
但是，很少有情况下将代码减少 20-50k 是至关重要的。问问自己，考虑到您的网页多年来可能会如何发展，您愿意花多少时间更新遍历 DOM 进行编辑的代码。如果可以选择学习一些可以扩展您的能力并做更多事情的东西，那额外的程序员时间（最终用户不会注意到或欣赏）是否值得？
我正在尝试了解有关访问和使用 DOM 对象的最佳实践。我有一个脚本，每次单击单元格时，我都会通过调用 td.parentElement.cells 来获取 table td 的同级单元格。这被认为是最佳实践，还是我需要创建和初始化每个 table 行的单元格数组，并以这种方式搜索 td 的相应单元格？
谢谢。
通常遍历一个 DOM 是一种老式且痛苦的编程方式。它适用于进行单个修改，但您的程序修改 DOM 的次数越多，您 就越难在心理上模拟正在发生或可能发生的事情。
正是因为这个原因，前端框架才存在。
你可以跳到空中几十厘米。如果你非常努力地练习，甚至米。
但这并不能真正为制造长距离飞行的飞机做出贡献：进步的表象是虚幻的。
看看这里，看看不用遍历 DOM 是多么容易。 https://vuejs.org/v2/guide/#Declarative-Rendering
取舍
在回答您的问题时，是的，它们确实增加了开销。如果最小化到千字节级别对您来说很重要，那么是的，您应该直接访问 DOM，因为这将占用最少的代码，因此在该约束下工作是一种很好的做法。
但是，很少有情况下将代码减少 20-50k 是至关重要的。问问自己，考虑到您的网页多年来可能会如何发展，您愿意花多少时间更新遍历 DOM 进行编辑的代码。如果可以选择学习一些可以扩展您的能力并做更多事情的东西，那额外的程序员时间（最终用户不会注意到或欣赏）是否值得？