javascript - 使用 ID 或 "relative paths"连接到 JS 函数的链接更好吗？

Question

您知道该练习...假设您有一个链接列表和相应的 div。您希望在单击链接时显示 div - 因此您希望获得对 div 的引用，以便您可以在链接上挂接事件。

当你设置你的事件时，使用唯一的 id 来连接是否更好，比如:

<a href="#" id="link123">Foo</a>
...
<div style="display: none;" id="div123"/>

或者，使用某种 parent.childnodes“相对路径”遍历 DOM 并从 a 中获取对 div 的正确引用？

为了本示例的目的，假设目标 div 是从链接中在 DOM 中删除的几个级别。 Javascript 库对此完全符合标准，尤其是 YUI(但欢迎所有人)。

Answer 1

您的第一个建议似乎是最简单的。如果您动态生成页面，那么您可以轻松确保所有配对都匹配。

为什么不做这样的事情:

<a href="#div123">Foo</a>
...
<div style="display: none;" id="div123"/>

这样它会更优雅地降级？

如果您需要对您的原始问题更有说服力，DOM 遍历操作往往比简单的 getElementById() 更昂贵(在计算上)。

希望这对您有所帮助。