如何使用 JavaScript 读取和修改 DOM 元素的属性？

一分耕耘，一分收获！既然打开了这篇文章《如何使用 JavaScript 读取和修改 DOM 元素的属性？ 》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

DOM元素属性的操作

在使用 JavaScript 读取和修改 DOM 元素的 property 属性时，通常我们会利用 console.dir(e) 打印出元素的属性列表。但如何实际修改和读取列表中的属性呢？

读取属性

要读取 DOM 元素的 property 属性，可以使用点号运算符（.），如下所示：

const accessKey = e.accessKey;

修改属性

要修改 DOM 元素的 property 属性，可以使用赋值运算符（=），如下所示：

e.accessKey = "new-access-key";

例如，对于以下 HTML：

<div id="box" class="box"></div>

可以读取和修改 accessKey 属性：

const e = document.getElementById('box');

// 读取
const accessKey = e.accessKey;

// 修改
e.accessKey = "new-access-key";

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何使用 JavaScript 读取和修改 DOM 元素的属性？ 》文章吧，也可关注golang学习网公众号了解相关技术文章。