我正在开发一种
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/
和
做一些像：
<div data-localId="myID"> ... </div>
