自学内容网 自学内容网

DOM 操作自定义属性

我们的标签它默认就有自己的属性:id、class、style、src等等

​ 如果它不存在,我们自己写入的叫做”自定义属性“,一般我们用来存储某些数据的场景下使用;

<div class="box" boxTitle="frameworkBox"></div>
// 这里的boxTitle就是我们的自定义属性
let box = document.querySelector('.box')
console.log(box.getAttribute('boxTitle')) // frameworkBox
  • getAttribute(‘属性名’)
    • 获取html元素的行内属性,可以获取自定义也可以获取自带属性,主要是用来获取自定义属性的值
  • setAttribute(‘属性名’,‘属性值’)
    • 设置html元素的行内属性,主要是用来设置自定义属性
    • 如果属性原来存在就是修改,如果不存在就是新增一个行内属性到行内
  • removeAttribute(‘属性名’)
    • 删除某个行内属性
    • 既可以删除自带也可以删除自定义

原文地址:https://blog.csdn.net/weixin_54262445/article/details/136352143

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!