javascript – HTML元素的本地ID-s

我正在开发一种 HTML JS控件,可以嵌入到各种网页中.我对这些页面一无所知(好吧,我可以,但我不想).该控件由一个根元素(例如DIV)组成,该元素包含子元素的子树.在我的脚本中,我需要访问子元素.问题是：我如何标记这些子元素以区分它们？

直接的解决方案是使用id-s.这里的问题是id在整个文档的范围内必须是唯一的,而且我对控件嵌入的文档一无所知.所以我不能保证我的id的唯一性.如果id-s不是唯一的,它将起作用(如果小心使用),但这不符合标准,所以我可以遇到一些新版本的浏览器的问题,例如.

另一种解决方案是使用“name”属性.它不需要是独一无二的 – 这很好.但同样,该标准仅允许“name”属性存在于一组受限制的元素类型中.例如,“name”属性对DIV元素无效.

例如,我可以使用“class”属性.标准看起来似乎没问题,但意义不大. “类”应该用于其他目的,这可能会令人困惑.

任何人都可以建议一些其他选项来实现HTLM元素的本地id-s？

解决方法

您可以使用 HTML5 data- *属性,以便为它们提供具有正确含义的自定义名称：

http://ejohn.org/blog/html-5-data-attributes/

和

https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes

做一些像：

<div data-localId="myID">
  ...
</div>

原文地址：https://www.jb51.cc/js/150383.html