6、属性节点

属性节点（Attr）

  • 在DOM也是一个对象，通常不需要获取对象而是直接通过元素即可完成对其的各种操作
  • 如何操作属性节点 ?

方式一：

读取：元素.属性名（注意，class属性需要使用className来读取）

读取一个布尔值时，会返回true或false

修改：元素.属性名 = 属性值

方式二：

读取：元素.getAttribute(属性名)

修改：元素.setAttribute(属性名, 属性值)

删除：元素.removeAttribute(属性名)

<body>
     <input class="a" type="text" name="username" id="admin">
 
     <script>
         // const input = document.getElementsByName('uesrname')
         const input = document.querySelector('[name=username]')
         console.log(input.type)
 
         console.log(input.getAttribute('type'))
 
         input.setAttribute('value','孙悟空')
         input.setAttribute('disable','disable')
     </script>
 </body>