所有的元素節(jié)點(diǎn)都可以添加自定義屬性.

根據(jù)HTML的規(guī)范, 自定義的屬性需要加前綴'data-'.

所以你可以看到bootstrap這種UI框架, 會(huì)大量地用到'data-toggle, data-target'這些屬性, 這些都是自定義的屬性. 目的是為了給javascrpt留下些鉤子(hooks). 不符合規(guī)范的, 你就假設(shè)他有'data-'就好啦!

比如我要寫一個(gè)輪播圖, 有這樣的HTML結(jié)構(gòu):

    <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>

為了確定當(dāng)前的li是第幾個(gè), 那么我可以用JavaScript代碼取到他的index屬性.

this.getAttribute('index');