console.dir() - JSONツリー形式でオブジェクトを出力する

2017/10/05

console.dir()は、コンソールに、オブジェクトの内容をJSONツリー形式で表現したものを出力します。

概要

名前

dir

所属

IDL

void dir(any item, optional object? options);

仕様書

https://console.spec.whatwg.org/#dir

説明

第1引数(data)には、対象のオブジェクトを指定します。

第2引数(options)には、出力形式を制御するためのオプションとなるオブジェクトを指定できるとなっていますが、2017年10月現在、どのようなオプションがあるか不明なため、取り扱いません。

デモ

console.dir()のデモです。開発者ツールのコンソールで結果を確認して下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<p><button id="run">実行</button></p>
<script>
document.getElementById( "run" ).onclick = function () {

/*** try it! ***/
var element = document.getElementById( "run" ) ;

console.dir( element ) ;
// console.dirxml( element ) ;	// 比較してみよう！
/*** try it! ***/

}
</script>
</body>
</html>