【JavaScript】48_DOM编程：属性节点
【摘要】 6、属性节点属性节点（Attr）在DOM也是一个对象，通常不需要获取对象而是直接通过元素即可完成对其的各种操作如何操作属性节点 ? 方式一：读取：元素.属性名（注意，class属性需要使用className来读取）读取一个布尔值时，会返回true或false修改：元素.属性名 = 属性值 方式二：读取：元素.getAttribute(属性名)修改：元素.setAttribute(属性名, ...
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>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）