輸出元素的所有設置屬性

我有一個jQuery對象，它表示頁面上的輸入按鈕元素。我如何使用jquery通過console.log輸出此元素的所有屬性/屬性？輸出元素的所有設置屬性

2010-12-01 amateur

假設頁的HTML是

<body> 
    <img id="smile" class="big" alt="smile" madeupattribute="yep" src="http://mikegrace.s3.amazonaws.com/forums/stack-overflow/smile.png"/> 
</body>

你可以做

var domElement = $("img")[0] // [0] returns the first DOM element that jQuery found 
$(domElement.attributes).each(function(index, attribute) { 
    console.log("Attribute:"+attribute.nodeName+" | Value:"+attribute.nodeValue); 
});

例頁 =>http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-get-element-attributes-jquery.html

例頁控制檯輸出

alt text

來源

2010-12-01 05:22:39

如果你只想HTML屬性：

var e = document.getElementById('my_input'); 
for (var x in e) 
    if (e.hasAttribute(x)) 
    console.log(x);

如果你想可以檢索/通過JavaScript設置的所有屬性：

var e = document.getElementById('my_input'); 
for (var x in e) 
    if (typeof e[x] != 'function') 
    console.log(x);

Example on JSBin - 出於某種原因，火狐中途失敗嘗試計算typeof e['selectionStart']時，顯示「所有屬性」列表。

來源

2010-12-01 01:17:20 casablanca

輸出元素的所有設置屬性

回答

相關問題