如何知道JS中元素（EG <img/>）的可能HTML属性？

Question

如何知道JS中元素（EG）的可能HTML属性？

如何了解特定HTML节点的可能HTML属性列表？

例如，在编写用户脚本时，我想知道这些节点可能的HTML属性：

var images = d.getElementsByTagName('img');

类似于：images[i].src

Answer 1

浏览器不会公开该信息。您需要为正在使用的标记语言获取或创建机器可读的规范。

例如，HTML 4可以解析DTDs：

• http://www.w3.org/TR/html4/strict.dtd
• http://www.w3.org/TR/html4/loose.dtd
• http://www.w3.org/TR/html4/frameset.dtd

Answer 2

使用for in像这样迭代对象的属性：

var keys = [];
for (var key in obj) { 
  if (obj.hasOwnProperty(key) {
    keys.push(key);
  }
}

或者使用会返回一系列密钥的Object.keys(obj)，但这在旧版浏览器中无效 - 请参阅compatibility table。

<强> UPD 即可。误解了这个问题，对于DOM元素的所有可能值，您需要像在Quentin的answer中那样查看HTML DTD。仍然可以设置任意属性。

Answer 3

  

试试这个Demo Here

var images = document.getElementsByTagName('img');
var allAttributes =Object.keys(image[0]);