我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
您可以随意向元素添加自定义属性。但这会使您的文件无效。
在HTML 5中，您将有机会使用自定义数据属性前缀data-。
其他回答
你可以修改你的!DOCTYPE声明(即DTD)来允许它，这样[XML]文档仍然有效:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
[
<!ATTLIST tag myAttri CDATA #IMPLIED>
]>
#IMPLIED意味着它是一个可选属性，或者你可以使用#REQUIRED等等。
更多信息在DTD - Attributes中。
jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。
对于自定义元素，添加不带数据前缀的自定义属性似乎很常见。
下面是一个来自HTML标准的例子:自定义元素(注意国家属性):
<flag-icon country="nl"></flag-icon>
另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):
<custom-square l="100" c="red"></custom-square>
您可以随意向元素添加自定义属性。但这会使您的文件无效。
在HTML 5中，您将有机会使用自定义数据属性前缀data-。
是的，你能做到!
有下一个HTML标签:
<tag key="value"/>
我们可以用JavaScript访问它们的属性:
element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter
Element.setAttribute()如果该属性不存在，则将其放在HTML标记中。所以，如果你要用JavaScript设置它，你不需要在HTML代码中声明它。
Key:可以是属性的任意名称，而当前标记尚未使用。 值:它总是包含你需要的字符串。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言，并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度，而不是整个元素的宽度，使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗，比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击
