自定义数据属性:http : //dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data
当我说“工作”时,我的意思是,如果我有这样的HTML:
<div id="geoff" data-geoff="geoff de geoff">
将以下JavaScript:
var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);
在IE 6中产生带有“ geoff de geoff”的警报吗?
117
HTML5和IE6?恐怖... O_o
—
Vivin Paliath 2010年
请注意,
—
2010年
data-geoff
由于有“-”字符,因此不是有效的JS标识符。您需要dataGeoff
在脚本中使用。
@outis:根据规范(草稿中的内容),您的意思是?我自己在FF 3.6和Chromium 5.0.307.11中对此进行了测试,
—
马塞尔·科佩尔
geoff.dataGeoff
但无法正常工作。原来(whatwg.org/specs/web-apps/current-work/multipage/…)应该是geoff.dataset.geoff
,但element.dataset
仍然像undefined
现代浏览器中那样,不被支持。
jeffth的jeffth,十九个jeffty-jeff。
—
马特·萨赫
@ANeves:虽然它允许使用非标识符字符访问属性,但是它不适用于此处,因为浏览器不会将“ data-geoff” HTML属性与DOM中具有相同名称的属性联系在一起。
—
2012年