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>
