javascript - 如何在 javascript 中枚举 asp.net HTML 元素属性

Question

使长故事尽可能短(如果您真的只想切入正题，请忽略本段):

我正在使用 CuteEditor 来编辑非常特定的控件页面。在页面查看器应用程序中，这些控件使用 HTML5 canvii 来执行各种时髦的动画操作，但在 CuteEditor 中(执行相同的操作并不实际)，它们由 IMG 元素表示以实现可编辑性。这些控件有很多属性，这些属性都是从 SQL 数据库保存和加载的。不同类型的控件具有不同可能的属性类型，在 CuteEditor 中，这些属性存储为元素的属性(例如 PipColour="Green")。我为 CuteEditor IMG 编辑器对话框创建了一个自定义选项卡，当控件类型为更改后，将调用 SQL 数据库来获取所有可能的属性，以便可以用相关的输入控件填充对话框。

现在，追逐:

在 CuteEditor 中，自定义对话框选项卡使用带有 SyncToView() 和 SyncTo(element) javascript 方法的 .ascx 文件来获取和设置正在编辑的元素的属性，使用

element.<attributename>

由于我不一定知道“元素”将具有哪些属性或它们将被称为什么，因此有没有办法通过名称枚举所有属性？

Answer 1

您可以使用以下代码片段，它将为您提供获取属性的基本概念

var element = document.getElementById("someId");
var arr = [];

for (var i=0, attrs=element.attributes, l=attrs.length; i<l; i++){
 arr.push(attrs.item(i).nodeName);
 values.push(attr.nodeValue);
}