私はページ上の入力ボタン要素を表すjqueryオブジェクトを持っています。 jqueryを使ってconsole.logからこの要素のすべてのプロパティ/属性を出力するにはどうすればよいですか?要素のすべての設定属性を出力する
3
A
答えて
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
例ページコンソール出力
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を想定し
関連する問題
- 1. JQuery同じ要素の他の属性を使用して要素の属性を設定する方法
- 2. C#XML属性を取得して要素を出力する
- 3. ClojurescriptでDOM要素の属性を設定する方法は?
- 4. D3 Type要素がパス要素の属性に設定されています
- 5. 属性が設定されている要素の上にホバー
- 6. AngularJs要素のすべての属性を選択します。
- 7. HTML要素とそのすべての子要素からすべての属性を削除する
- 8. ブロック属性を非ブロック要素に設定する
- 9. jQuery - すべての要素をループし、特定の属性を持つ要素を削除する
- 10. カスタム要素のすべての属性をAureliaのテンプレートにコピー
- 11. JQuery - XML要素のすべての属性を取得
- 12. 各要素の1つの要素から別の要素に属性を設定する
- 13. 要素ツリーを使用してXMLタグ属性を出力する
- 14. これらのHTML5要素のすべての属性
- 15. Sortableリストからすべての要素属性を取得
- 16. XMLシリアル化による要素/属性値の書式設定
- 17. SQL FOR XML - データを要素または属性として出力する
- 18. html要素にhtml属性を設定できますか?
- 19. クローンされた要素の出力設定をJsoupに設定
- 20. HTML要素属性をレール入力として使用する
- 21. すべての入力要素の周波数が同じ場合、デフォルトの出力値を設定します
- 22. ノード名、属性、テキストを含むすべてのXSL出力
- 23. contains関数で見つかった要素の属性を出力する
- 24. ループ内でjqueryを使用して要素属性を設定する
- 25. JSF 1.1でコンポーネントのID属性を設定する必要性
- 26. jQuery MobileでHTML要素の属性を設定する際の問題
- 27. html要素の属性を設定するのに役立つphp count()
- 28. すべての要素を出力するJava配列リスト
- 29. PHPの単純なXML要素の属性を抽出する
- 30. 入力要素にjavascriptを使用して動的に異なるid属性を設定する