将DOM元素的属性与自定义属性名称一起使用是一个好主意

问题描述

|| 使用DOM元素的getAttribute / setAttribute调用来关联有关元素内容的其他信息是否被认为是一种好习惯？ 例如，我想呼叫

setAttribute(\"MY_ATTRIBUTE_VALUE\",\"...\")

，其中MY_ATTRIBUTE_VALUE对

<div>

不适用。 谢谢 ！     

解决方法

        只要您要设置自定义数据属性，这是一个很好的做法，其目的是保存有关那些元素的元数据。数据属性的格式为“ 2”，其中“ 3”可以是任何有效的描述符。 传统上人们会添加类，在某些情况下这仍然是适当的（例如，当一个类描述属性的状态并且还表示样式类时，主要使用该类）。     ,        您绝对应该使用数据属性。这是关于它们的文章。 HTML5自定义数据属性。     ,        如果您认为标记与表示有关，则将数据与HTML元素相关联与该理念不一致。如果您认为没关系，请使用HTML5中引入的data-attribute。但是请注意，HTML5不是标准，并且尚未得到广泛支持（如果术语“受支持”在不断变化的“生活规范”的上下文中具有任何含义）。但是，数据属性可能不会使大多数浏览器感到不适，但是必须使用get / setAttribute才能以独立于浏览器的方式可靠地访问它们。 最好使数据与表示分离，以便您可以更改表示以提供同一数据的多个视图。如果将数据绑定到演示文稿，则会降低这样做的能力。这也意味着更改数据模型可能会不必要地影响表示。 将数据存储在对象中并将其与元素相关联（例如，通过元素的ID）可能会证明对数据的访问要快得多（直接属性访问比传递字符串的函数调用要快得多），并允许更灵活的UI和数据模型。