HTML5 data-* 数据处理

HTML5中的设置,如:

<body>
    <div data-num="1" onclick="es(this)">1div>
    <div data-num="2" onclick="es(this)">2div>
    <div data-num="3" onclick="es(this)">3div>
    <div data-num="4" onclick="es(this)">4div>
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
    }

参考链接

你可能感兴趣的:(前端)