JS：从元素中删除所有属性

Question

你知道在构建过程中给元素分配属性是非常有帮助和高效的。基本上，元素是一个可以分配给任何东西的对象：

let el = document.createElement('div');
el.a = 1;
el.b = [];
class C{}
el.c = new C()

在测试中，这些实际上运行良好，返回了可靠的结果；

console.log(el.a); // 1

我寻求一种方法来详细观察和操纵这些动作。

例如，我想得到一个所有赋值的对象：

// something like
el.assigned // {a: 1, b: [], ...}

以及一种删除所有的方法（仅指定了插件javascript，而不是默认值，例如样式，父节点，等等）

Answer 1

这可能不是一个好主意（正如OP上的注释所规定的），但是您可能可以在使用document.createElement创建的元素上使用扩展运算符来完成此操作，该运算符仅返回您在其中添加的键方式：

var element = document.createElement('div');
element.a = 'foo';
element.b = 'bar';
element.c = 4;

console.log({...element});