操作元素自定义属性的操作

15
四月
2021

自定义属性的操作

  1. 获取元素的属性值的方法
<body>
    <div id="damo"></div>
    
</body>
<script>
    var div=document.querySelector("div")
    // 获取元素的属性值
    // 通过element.属性值获取
    console.log(div.id);
    // 方法二:通过element..getAttribute("属性名")   attribute就是属性的意思
    console.log(div.getAttribute("id"));
</script>

这两种获取元素的属性值的区别:
element.属性值 获取内置属性值(元素本身自带的)
element…getAttribute(“属性名”) 主要获取自定义的属性(标准),程序员自己定义的属性
3. 设置元素的属性值

// 设置元素的属性值
    // 方法1: element.属性="值"  设置内置属性
    div.id="dexe"
    // 方法2: element.setAttribute("属性":"值")  主要针对自定义属性
    div.setAttribute("index","1")
  1. 移除某个属性
// 移除某个属性
  div.removeAttribute("index")
TAG

网友评论

共有访客发表了评论
请登录后再发布评论,和谐社会,请文明发言,谢谢合作! 立即登录 注册会员