html自定义属性合法性
html custom attributes legality
因此,我发现将一些自定义属性添加到html标记中非常方便,然后使用脚本对它们进行处理,然后根据该属性对该元素执行某些操作。例如
<div hoverText = "i am hover text" hoverTextColor = "rgba(0,0,0,0.2)">some other text</div>
然后,在窗口加载时,一个脚本遍历文档中的所有元素,挑选出具有"hoverText"属性的元素,寻找与之相关的其他属性,并实现它的各种魔力(在这种情况下,它添加了一个带有模糊文本的div,当用户将鼠标悬停在指定元素上时,该div就会变得可见)
它在我测试过的浏览器(opera 12,chrome 35)中运行良好,但有什么保证它不会在某个时候崩溃吗?标准对自定义属性有什么规定?
为此目的使用数据属性。数据属性是前缀为data-
的属性——这是HTML5的一部分,兼容的浏览器可以识别它们。你的元素看起来像
<div data-hoverText="i am hover text" data-hoverTextColor="rgba(0,0,0,0.2)">some other text</div>
相关文章:
- 设置自动分隔符的自定义属性
- 与ng attr myCustomAttribute匹配的自定义属性指令
- 获取自定义属性的值
- 如何创建自定义属性以添加if.bind
- 动态更新Angular2指令中自定义属性的值
- 使用jQuery更改输入字段的自定义属性
- 在 Javascript 生成的列表中,如何将自定义属性添加到 标记
- 设置 HTML 自定义属性与在 ID 属性中存储信息
- 是否可以在 Polymer 中的
节点上使用自定义属性以获得漂亮的 API - 为什么克隆节点排除自定义属性
- 将自定义属性添加到 vuejs 组件
- 使用原型对象向javascript对象添加自定义属性和方法的建议
- 正在设置自定义属性名称
- datalist获取选定的值和自定义属性(无事件)
- 如何使用javascript获取元素的自定义属性值
- 在jQuery方法中编写自定义属性的正确语法是什么
- 自定义属性jquery Datatables
- 使用 css() 更改自定义属性不起作用
- 使用Javascript从按钮获取自定义属性
- html自定义属性合法性