javascript - 引用元素的id

Question

我有几个链接可以使用 javascript 在播放器中播放视频。从链接中引用播放器 ID 以使这些链接可访问且语法正确的最佳方法是什么？这类似于在标签元素中使用 for 属性。

    <a href="video" rel="playerid">video</a>
    <a href="video" data-playerid="playerid">video</a>
    <a href="video" itemref="playerid">video</a>

Answer 1

你的第二个，使用 data-* attribute :

<a href="video" data-playerid="playerid">video</a>

如果播放器 ID 不同，我不相信您使用 rel 的第一个示例有效，因为尽管您 can add to list of valid values (感谢您指出这一点!)，rel 仍然表示关系的种类(例如，rel="icon" 或 rel="canonical")，而不是某物的 ID(即 href 中的 URI)。

您的第三个使用没有 data- 前缀的自定义属性，使 HTML 无效。

所以我认为第二个，data-*，是要走的路。