2010-12-01 8 views
3

私はページ上の入力ボタン要素を表すjqueryオブジェクトを持っています。 jqueryを使ってconsole.logからこの要素のすべてのプロパティ/属性を出力するにはどうすればよいですか?要素のすべての設定属性を出力する

答えて

6

あなたは

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); 
}); 

例のページを行うことができ

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

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

例ページコンソール出力

alt text

1

したい場合は、単に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を - 何らかの理由で、Firefoxは途中で失敗しますtypeof e['selectionStart']を計算しようとするときに「すべてのプロパティ」リスト。ページのHTMLを想定し

関連する問題