回答受付が終了しました

さらしな

2021/9/26 21:23

11回答

console.logの結果をコンソール画面ではなくブラウザの画面上に出す方法（HTML、JavaScriptのみ）

console.logの結果をコンソール画面ではなくブラウザの画面上に出す方法（HTML、JavaScriptのみ） Chromeの拡張機能、「IE tab」を使用してあるプログラムの動作テストをしろとのお達しがあり作業中です。 オブジェクトの要素が正しく設定されているかどうかを確認したいです。 console.logが使えないので代わりにwindow.alertでオブジェクトの要素を表示させようと思ったのですが、一部undefinedになり表示できないものが出てしまいます。 何度見直してもほかの方に見ていただいても解消法がわからないのでどうにかconsole.logの内容を画面に表示することで検証作業を行いたいです。 console.logの結果をコンソール画面ではなくブラウザの画面上に出す方法を教えていただけないでしょうか。 ちなみに、現状こんな状態です。 var newObject = document.createElement("OBJECT"); newObject.setAttribute("aaa","value_aaa"); newObject.setAttribute("bbb","value_bbb"); newObject.setAttribute("ccc","value_ccc"); ......(子クラスとか）…… window.alert(newObject.aaa + '\n' + newObject.bbb + '\n' + newObject.ccc); 上記を実行したときのアラート表示 value_aaa value_bbb undefined console.log(newObject);で表示した場合 <object aaa="value_aaa" bbb="value_bbb" ccc="value_ccc">...</object>

JavaScript | プログラミング・448閲覧・xmlns="http://www.w3.org/2000/svg">100

回答（1件）

sii

2021/9/27 18:01

-------------------- var console = {} console.log = function (str) { var p = document.createElement('p') p.innerHTML = str document.body.appendChild(p) } -------------------- こんな感じで独自に作っちゃうとかでしょうか。 実際に試してみましたが、IE Tabの互換モードがIE9以下だとconsoleオブジェクト自体が無いので、1行目もあったほうが良いようです。

NEW! この回答はいかがでしたか？ リアクションしてみよう

さらしな

質問者2021/9/27 18:51

回答ありがとうございます。実際に動かしてみました。 HTML上に追加されはするのですが、一番上の階層にあたる [object HTMLObjectElement] のみの表示にとどまりました。 その下のプロパティの表示が欲しいので少し手が届かないような状態です。 通常のconsole.logがコンソール上にすべての状態を書き出してくれるのでそれをブラウザ上に表示したいだけなのに… タイトルだけしか表示しないようになるのはどうしてでしょうか… 自分でもいろいろ試していますが未だ迷走しています。 期限がどんどん迫ってくるので半泣きですｗ 自分でconsole.logを定義するという発想はありませんでした。 元のconsole.logのソースから何か学べるかもしれないので探してきます(｀･ω･´)ゞ