如何使用 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 元素的属性？的详细内容，更多请关注其它相关文章！