天天看點

h5 dom屬性的操作

<div id="box" data-a="自定義屬性" data-a-bcs="自定義屬性2">;
 
   </div>
  <script type="text/javascript">
    const box=document.querySelector("#box");
    console.log(box.dataset);
    //控制台輸出 屬性是已駝峰寫法展示 DOMStringMap {a: "自定義屬性", aBcs: "自定義屬性2"}
    //修改兩種方式
    box.dataset.a="123";
    box.setAttribute("data-a-bcs","456");
    //删除屬性值
    box.dataset.a="";
    //删除屬性
    delete box.dataset["a"]
  </script> 
           
h5