Q&A
dirのほうがchrome見やすいですね。
firefoxだとdirもtableもほぼ同じでした。この辺りは好みか
htmlにボタン要素を設置し、それをjavascriptで取得することを考えます。
documentオブジェクトのgetElementById()メソッドにより取得するわけですが、それをコンソールに表示したときの様子についてよくわからないことがあります。
html
1<html> 2 <body> 3 <input type="button" value="botton" id="button"> 4 <p></p> 5 </body> 6 <script src="script.js"></script> 7</html>
javascript
1let button = document.getElementById("button"); 2console.log(button); 3console.log(button.value);
javascriptの二行目の結果が、<input type="button" value="botton" id="button">となり、htmlのinputタグそのままなのですが、javascriptのオブジェクトとして取得したのなら、プロパティやメソッドの一覧がコンソールから参照できるはずでは？と思ってしまいます。
なぜ、ただタグが表示されるだけなのですか？
回答3件
0
console.tableを使えばおそらくほしい出力になるかと
投稿2021/12/06 03:08
総合スコア80854
0
想定するブラウザにもよりますが
javascript
1console.dir(button);
とするとご希望に近いかもしれません
投稿2021/12/06 03:10
総合スコア114968
0
ベストアンサー
なぜ、ただタグが表示されるだけなのですか？
コンソールの仕様です。
投稿2021/12/06 03:05
総合スコア145201
ありがとうございます・・・・
htmlコレクションとして取得した時には、例えば上のhtmlの例だと、pタグの方には、ずらずらずらっとプロパティの一覧が出ますが・・・・・。
別に回答しましたが、何が出るかは実装依存です。
デバッグ用の機能ですので、細かく「何が出ないといけない」と制御する必要もない箇所ではないかと考えます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/12/06 03:10