Javascript 阅读html'；元素的属性是否与数组类似？

我正在考虑开发一个web组件表单，所以。。。我想知道自己是否可以从html元素中读取属性。例如：

<my-component input="3" data-input='"name", "address", "email"' textarea="1" data-textarea='"mensaje"'></my-component>

<script>
while i <= elementattributes.length{
elementattributes[i] 
} 
</script>

而i则可以使用
数据集
来获取特定的
数据
属性


var data=document.querySelector（'my-component'）.dataset.input.split（'，'）；
data.forEach（函数（e）{
控制台日志（e）
})
您可以直接使用。属性：

document.getElementById("ELEMENT_ID").attributes

这将返回一个包含每个属性及其关联值的对象。然后，您可以为属性数组编制特定属性的索引，并使用.value作为其对应值。
如果要获取所有属性及其值，可以执行以下操作：


函数getElementAttrs（el）{
var attributes=[].slice.call（el.attributes）；
返回attributes.map（函数（attr）{
返回{
名称：attr.name，
值：attr.value
}
});
}
var allAttrs=getElementAttrs（document.querySelector（'my-component'）；
控制台日志（allAttrs）
我认为OP希望获得所有属性及其值，而不仅仅是
数据-
属性值w。。。真是太简单了。。。我从来没有想过用这个方法可以得到所有的属性。属性：P这正是我需要的：）。谢谢