getElementByIdから返された要素全体を出力する

Question

JavaScriptコードをデバッグしていて、DOMのどこにあるかを確認したい場合、getElementById（）によって返された要素全体をどのように出力できますか？

attrib = document.getElementById("attrib-2"); 
alert(attrib.selectedIndex); 

が、私は何ができるの全部（でも子供）を印刷する場合：私は、フィールドを印刷することができます知っていますか？

Answer 1

アラートは、デバッグ目的のために最良の選択肢ではありません。 FirefoxのFireBug、WebKitブラウザの開発者ツールのような特別に設計されたツールの使用を検討してください。次に、console.logメソッドを使用して、必要なデータを読みやすい形式で表示します。

attrib = document.getElementById("attrib-2"); 
console.log(attrib.selectedIndex); 

Answer 2

console.log(attrib) 

してからお使いのブラウザのコンソール（ほとんどのブラウザではF12）を確認

Answer 3

foreach (k in attrib){ 
    if (typeof attrib[k]!='function'){ 
     console.log(attrib[k]); 
    } 
} 

Answer 4

あなたがconsole.dirを必要とする全体elemenent印刷するためには：uは、オブジェクト全体を検査することができます。このように

var attrib = document.getElementById("attrib-2"); 
console.dir(attrib); 

を。 オブジェクトのプロパティの近くにある矢印をクリックすると、オブジェクトのプロパティを展開または折りたたむことができます。