所有的元素節點都可以添加自定義屬性.

根據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');