This question already has answers here:
Custom attributes - Yea or nay?
(14个答案)
5年前关闭。
因此,我发现将一些自定义属性添加到html标记中,然后使用一个基于该属性对该元素执行某些操作的脚本对它们进行检查是非常方便的。例如
然后,在窗口加载时,脚本遍历文档中的所有元素,挑选出具有“hoverText”属性的元素,查找与之相关的其他属性,并执行各种魔术(在本例中,它添加了一个div,其中包含当用户悬停在指定元素上时可见的模糊文本)
它在我测试过的浏览器(Opera12,Chrome35)中运行得很好,但有没有保证它不会在某个时候崩溃?标准对自定义属性有何规定?
(14个答案)
5年前关闭。
因此,我发现将一些自定义属性添加到html标记中,然后使用一个基于该属性对该元素执行某些操作的脚本对它们进行检查是非常方便的。例如
<div hoverText = "i am hover text" hoverTextColor = "rgba(0,0,0,0.2)">some other text</div>
然后,在窗口加载时,脚本遍历文档中的所有元素,挑选出具有“hoverText”属性的元素,查找与之相关的其他属性,并执行各种魔术(在本例中,它添加了一个div,其中包含当用户悬停在指定元素上时可见的模糊文本)
它在我测试过的浏览器(Opera12,Chrome35)中运行得很好,但有没有保证它不会在某个时候崩溃?标准对自定义属性有何规定?
最佳答案
为此目的使用data attributes。数据属性是前缀为data-
的属性-这是HTML5的一部分,兼容的浏览器可以识别它们。你的元素看起来像
<div data-hoverText="i am hover text" data-hoverTextColor="rgba(0,0,0,0.2)">some other text</div>