差分console.dir（）とはconsole.log（）で

console.log（）は（アラートを置き換える）またはdocument.writeを（）、ページ上にconsole.log（）スクリプトを使用した場合、ブラウザのコンソールに情報をプリントアウトすることができます。

すべてのプロパティとメソッドのオブジェクトを表示するconsole.dir（）。

 

私は簡単な例を書きました：

HTML：

< ボタン>にconsole.log印刷トリガーオブジェクト</ ボタン> 
< ボタン> console.dir印刷トリガーオブジェクト</ ボタン>

JS：// にconsole.logとconsole.dirの違い 

//構文console.dir（オブジェクト）; //のみ1つのパラメータは

// 参照するコンソールに付属のブラウザを開くことができ、観察を容易にするために

、// 以下の実施例は、
// HTML要素のbodyタグのプリントアウト 
はconsole.log（文書.body、 'BodyHTML' ）;
 // ターゲット本体のDOMをプリントアウト
// console.dir（document.body、 '出'）;
 console.dir（document.body ）; 

// ジカルボンの例
varが oButton = document.getElementsByTagName（ 'ボタン' ）; 
oButton [ 0] = .onclick 関数（イベント）{ 
  にconsole.log（event.target、 'ボタン1' ）; 
} 
[oButton 1] .onclick = 関数（イベント）{ 
  console.dir （event.target、 'ボタン2'）; 
}

 

効果：

プログラムがロードされた後、それはすぐにHTMLとオブジェクトのボディを出力します

 

 

また、最初のボタンと印刷された第2のボタンをクリックします。

今の違いは、右、非常に明白です！だから、時には我々は、オブジェクトが印刷する（）のconsole.dir方法を見つけることであるときに使用する必要があります。

 

詳細な方法は、コンソールがこのテキストを見てみることができます。  https://segmentfault.com/a/1190000004528137