javascript - 遍历 HTML 元素的属性，并能够判断哪些是在 HTML 中显式设置的

Question

我希望能够遍历 HTML 元素的所有属性，并能够判断其中哪些是在 HTML 标记中明确设置的。有没有捷径可以做到这一点，还是我必须编写一些自定义 JavaScript 来检查元素，并将这些属性作为字符串查找？

因此，如果我在静态 HTML 中定义了一个元素：

<source id="some-video" src="some-video.mp4">

然后我在 JavaScript 中为其设置了一个任意属性，例如：

document.getElementById("some-video").someProperty = "property value";

是否有一种快捷方式来迭代所有属性，并且能够知道哪些是通过 HTML 设置的，哪些是通过 JavaScript 设置的（或默认属性，本机添加）。

标签： javascripthtml

Answer 1

您可以遍历所有的属性和属性，但是没有办法知道哪些属性是通过 JavaScript 更改的，而不是静态设置，除非您在对元素进行任何更改之前保留了元素的记录。