所有的元素节点都可以添加自定义属性. 根据HTML的规范, 自定义的属性需要加前缀'data-'. 所以你可以看到bootstrap这种UI框架, 会大量地用到'data-toggle, data-target'这些属性, 这些都是自定义的属性. 目的是为了给javascrpt留下些钩子(hooks). 不符合规范的, 你就假设他有'data-'就好啦! 比如我要写一个轮播图, 有这样的HTML结构: <div class="slider"> <ul> <li index="1"></li> <li index="2"></li> <li index="3"></li> <li index="4"></li> <li index="5"></li> </ul> </div> 为了确定当前的li是第几个, 那么我可以用JavaScript代码取到他的index属性. this.getAttribute('index');
所有的元素节点都可以添加自定义属性.
根据HTML的规范, 自定义的属性需要加前缀'data-'.
所以你可以看到bootstrap这种UI框架, 会大量地用到'data-toggle, data-target'这些属性, 这些都是自定义的属性. 目的是为了给javascrpt留下些钩子(hooks). 不符合规范的, 你就假设他有'data-'就好啦!
比如我要写一个轮播图, 有这样的HTML结构:
为了确定当前的li是第几个, 那么我可以用JavaScript代码取到他的index属性.