HTML5 data-* 数据处理

HTML5中的设置,如:

<body>
    <div data-num="1" onclick="es(this)">1</div>
    <div data-num="2" onclick="es(this)">2</div>
    <div data-num="3" onclick="es(this)">3</div>
    <div data-num="4" onclick="es(this)">4</div>
</body>

原生获取的方法:

    function es(_this){
        console.log(_this)
        console.log(_this.getAttribute("data-num"))  //1
        console.log(_this.dataset)                   //{num:1}
        console.log(_this.dataset.num)               //1
    }

参考链接

猜你喜欢

转载自blog.csdn.net/Fimooo/article/details/88299912