h5 dom属性的操作

最新推荐文章于 2024-07-15 17:56:36 发布

原创最新推荐文章于 2024-07-15 17:56:36 发布 · 968 阅读

0 ·

CC 4.0 BY-SA版权

h5 同时被 2 个专栏收录

3 篇文章

订阅专栏

3 篇文章

订阅专栏

博客围绕H5 DOM属性操作展开，虽未给出具体内容，但可知聚焦于前端开发中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>