ベストアンサー

console.log結果をhtmlで表示したい

2014/06/08 08:41

console.log出力結果の一部(浅い階層)をinnerHTMLとかでhtml出力したいのですが、どうすれば良いでしょうか？

re97
お礼率80% (601/744)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

t_ohta
ベストアンサー率38% (5252/13737)

2014/06/08 11:33 回答No.1

ログを表示する所に <div id="console_log"></div> とか作って、スクリプトに console.log = function (log) { document.getElementById('console_log').innerHTML += log + "<br>"; } って追加すれば出来ます。

質問者

お礼 2014/06/13 12:58

回答ありがとうございましたー

関連するQ&A

console.log結果をhtmlへ出力したい

オブジェクトをconsole.logした結果を、htmlへ同じように表示させるためにはどうすれば良いでしょうか？ ■console.log結果例 [33, 139, 215, 255, 33, 139, 215, 255, 32, 138, 214, 255, 31, 137, 215, 255, 32, 138, 214, 255, 35, 141, 215, 255, 35, 142, 214, 255, 33, 141, 211, 255, 29, 140, 211, 255, 33, 141, 214, 255, 32, 140, 213, 255, 33, 141, 214, 255, 33, 141, 214, 255, 31, 139, 212, 255, 34, 142, 215, 255, 34, 140, 214, 255, 33, 141, 214, 255, 34, 141, 214, 255, 34, 142, 215, 255, 32, 143, 215, 255, 32, 143, 215, 255, 34, 144, 216, 255, 35, 141, 215, 255, 38, 141, 216, 255, 36, 143, 215, 255…] ■innerHTML結果例 [object Uint8ClampedArray]
console.logについて

console.logについて ●質問の主旨下記のjavascriptコードで、trueを4回、faluse2回を出力させたいと考えています。ところが、 ReferenceError: Invalid left-hand side in assignment というエラーが出て、出力できません。左辺がおかしいというメッセージは読み取れますが、それ以上どこが悪いのかよく分かりません。こちらの意図通り実行させるためには、どのようにコードを訂正すればよいでしょうか？ご存知のかたよろしくお願いします。 ●コード console.log(15) > 4; console.log("Xiao Hui".length) < 122; console.log("Goody Donaldson".length) > 8; console.log(8*2) = 16; console.log("echizenya_yota".length = 10); console.log("echizenya_yota".length < 10);
console.logでインクリメントのタイミング

下記で、hogeはなぜ2にならないのでしょうか？ var hoge=1; console.log(hoge++); ・再度試せば2になるのですが、 var hoge=1; console.log(hoge++); console.log(hoge); ・引数指定しているのに、どうして一旦処理が終わった後に走るのか理解できません console.log(hoge++); ・色々試してみたのですが、どれも1です var hoge=1; console.log((hoge++)); var hoge=1; console.log((hoge)++); 後ろに++付けたときの挙動について教えてください
console.logを使用して変数名と結果表示

console.logを使用して変数名とその中身を表示したいときに var hoge = 777; c("hoge", hoge); function c(a, b){ return console.log(a + ': ' + b); } ・・・とこのように書いているのですがこれだと変数名を2回書かなくて効率が悪いです。 c(hoge)だけで変数名とその中身を表示する方法はないでしょうか？ご存じの方がおられましたらご回答をよろしくお願い致します。
log4jについて

log4jというのを使ってログをeclipseのコンソールに出そうと、 log4j.rootCategory=DEBUG, CONSOLE log4j.appender.CONSOLE=org.apache.log4j.ConsoleAppender log4j.appender.CONSOLE.Threshold=DEBUG log4j.appender.CONSOLE.layout=org.apache.log4j.PatternLayout log4j.appender.CONSOLE.layout.ConversionPattern=%d{yyyy/MM/dd HH:mm:ss.SSS} %-5p|(%F#%M:%L) %n としました。ですが、ログが 2005/01/11 14:59:40.792 INFO |(?#info:?) となって%Fと%Lが出力されてません。原因として何が考えられるでしょうか？また、対応策はどうしたらよいでしょうか？
js初心者　consoleなどについて

初心者で恐縮ですが、よろしくお願いします。 jqueryを使用してます。 $(function () { obj = function(attr){ $.get('getFileList.php', {attribute : attr.data.value }, function(data){var array = data;}); }; delete obj; $("#file").on('input', {value:'file'}, obj); }); #fileに入力があったらobjが発動し$.getでphpから値を得て出力するという処理を書いています。うまくいかないので変数arrayにちゃんと値が入っているか確認しようとしconsole.log(array)としたところjsのソースコードがconsoleにそのまま表示され、console.logを消してみてもまったく変化がなくなってしまいました。（console.log(array)したことが原因なのかは不明です。これを描いたあたりから変化がなくなっていたような気がするので。）やってみたこととしてはキャッシュの削除と.onの呼び出しの前にオブジェクトを削除することです。ですが、やはりその変更点もconsoleに反映されてません。　初歩的かもしれませんがよろしくお願いします。
Console.writeLineで文字化け

Console.writeLineで全角文字列が１０００戸ぐらい続くStringを出力する場合は文字化けしませんが、半角が１字でも混じると文字化けします。たとえば以下のようなコードです。 line = "アああああああああ【中略】あああああああああああああ" Console.WriteLine(line) 出力結果のところどころに「ああ・あああ」となっている場所があります。なんとなかならないでしょうか？ Visual Studio 2003 / 2008 Visual Basic Windows XP
Console.ReadLineが有効にならない

VB2008で下記の記述を入れてみました。 Suｂ　test() Dim inStr As String Dim inNum As Double ' キーボードから入力 Console.WriteLine("実数を入力") inStr = Console.ReadLine() ' 文字列を実数に変換 If (Not inStr = "") Then inNum = Double.Parse(inStr) inNum = inNum / 2 ' 結果を表示 Console.WriteLine("結果：" & inNum) End Sub この場合,　上記Console.RealLine()で　キーボードから入力ができるとの解説が、いろりろ出ていますが、小生のプログラムでは、入力できず、上記"結果"を表示して、終了してしまい困っています。　VB2008のオプションで環境などを調べたのですが、よくわかりません。どなたか、ご存じの方がいらしゃれば、ご指導をお願いいたします。　当方の環境　　　OS　Vistaです。　OS　Xpで行っても同じでした。　VB2008は、Visual Studio 2008 です。上記OSには、同じ環境で行っています。
MYSQLのログにつきまして

MYSQLのログにつきまして mysqlでPostgresqlのpg_logのようにsqlの実行時エラーなどを出力する方法はありますか？ --logオプションで起動しても実行されたクエリーがログに出力されるのみで肝心な実行結果ログが出力されず困っています。 phpmyadmiinで誤ったsqlを実行した時に出るエラーのような出力を出せないかと思っています。以上、宜しくおねがいします。
javascriptの計算結果の出力について

いつもお世話になっております。下記のjavascriputoで最頻値を求める場合結果はconsole.logに表示されますが、この結果をテキストかCSVのデータとして出力する方法をお教えください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset=utf-8 > <title>Array_mode</title> </head> <body> <script> var store = ['aa','bb','cc','dd','ee','bb','ee','cc','ee','aa','bb'], distribution = {}, max = 0, result = []; store.forEach(function (a) { distribution[a] = (distribution[a] || 0) + 1; if (distribution[a] > max) { max = distribution[a]; result = [a]; return; } if (distribution[a] === max) { result.push(a); } }); console.log('count: ' + max); console.log('mode: ' + JSON.stringify(result)); //console.log(distribution); </script> </body> </html>
bat処理の実行結果ログ出力方法について

Windows2003Serverで、bat処理でネットワーク共有したHDDにバックアップデータを移動する処理を組込しているのですが、実行される場合、されない場合があるため、実行結果をログ出力したいと思っています。 MV D:TEST.TXT Z:\TEST.TXT >>D:\LOG.TXT として出力しますと、エラーであっても、正常であっても何も出力されませんでした。コマンドプロンプト上で返される結果（ファイルが存在しない場合、「指定されたファイルが見つかりません」の表示をする等）をログ出力する方法はないでしょうか？ご教授下さい。
リクエスト結果が一瞬しか表示されません。

AJAXについて質問です。返ってきたリクエスト結果をそのままHTMLに表示させているのですが一瞬だけ表示されたあとにすぐ消えてしまいます。 ajax通信成功時に実行される関数にconsole.logを記述しておくと、やはり一瞬だけコンソール欄に表示されるだけです。エラーは無しです。こうなってしまう理由としてどんな要因が考えられますか？どなたかご教授頂けたら嬉しいです。
C#　コンソールアプリでのログ出力

設定ファイルからログの出力先を読み、そこにその（設定ファイルを読んでいる）アプリケーションのログを出力させたいのですが、以下の問題点があります。１．複数のクラスがあるため、普通にログ出力用のクラスを作ると、各クラスでインスタンスを作成せねばならない。２．上記の場合、出力先は設定ファイルによって後から与えられるので、引数などによってファイルパスをもらわなければならない。３．ログファイル名は「yyyyMMddHHmmss.log」となっているため検索が困難であるから、（1.の方法だと）ファイル名も渡してやる必要がある。４．ERRORやFATALのみならアプリが終了してもかまわないのでthrowを使ってcatchでログを一括、ということもできるが、TRACEやDEBUGも出力させる必要がある。 Console.Writeのような感じで扱えるのが理想です。何かよい方法はないものでしょうか？普通にログ用のクラスを宣言して、他のクラスでログを出力したいなら、ログ出力クラスのインスタンスをコンストラクタに与える引数とするしかないでしょうか？
ciscoルータにshow logを入力した結果

ciscoルータにshow logを入力し、その出力結果の日付の左に「*」が付いている行と「.」が付いている行があったのですが何か違いがあるのでしょうか？よろしくお願いします。例： *Mar 1 00:19:20.307 .Mar 1 00:19:20.307
ログの集計で

ログの集計で困っております。そのログというのがジョブの開始時刻と終了時刻が別々の行に出力されているもので、このログをジョブごとに開始と終了時刻を別々の行から取得し、出力結果は1行に1ジョブで出したいと考えています。ログがUNIXのログなので、当初はshellスクリプトでと思っていたのですが、 shellだとログを何度も先頭から読み込む形となり、perlで可能ではないかと思い、質問させていただきました。 perlはあまり詳しくはないですが、よろしくお願いいたします。元のログイメージ～～～ここから～～～ START 08:00:00 Job001 START 08:05:00 job002 END 08:07:01 job001 START 08:08:00 job003 END 08:10:00 job002 : ～～～ここまで～～～出力イメージ～～～ここから～～～ job001 08:00:00 - 08:07:01 job002 08:05:00 - 08:10:00 : ～～～ここまで～～～
tail ＆ grep の結果表示をリアルタイムに表示させる方法

tail ＆ grep の結果表示をリアルタイムに表示させる方法現在以下のようなコマンドを実行しています。 tail -f ログファイル名 | grep -E "正規表現" | grep -E -v "正規表現" で、リアルタイムに表示してほしかったのですがだいぶ遅れてでないと出力されません。正確にはいろいろ操作をしてログを多めに出さないと出力されないようです。どうやら画面出力までにはバッファされているようです。どこでバッファされているか分からないのですが、とにかくタイムラグ無く(もしくは少なく)リアルタイムに出すようにしたいです。 tail ＆ grep の結果表示をリアルタイムに出力する方法を教えてください。よろしくお願いします。
JSについて教えてください。

// FizzBuzz let i = 0; while(i < 100) { i++; if(i % 3 === 0){ console.log('Fizz'); continue; } if(i % 5 === 0){ console.log('Buzz'); continue; } if(i % 5 === 0 && i % 3 === 0){ console.log('FizzBuzz'); continue; } console.log(i); document.getElementsByClassName('js-test210')[0].innerHTML = i; } ・上記のように作成したのですが、 if(i % 5 === 0 && i % 3 === 0){ console.log('FizzBuzz'); continue; } の部分を一番上にもっていかないとこちらがうまくいかない理由がわかりますか？・ continue; はこれ以下の処理は実行しないようにするという意味のようですが、 if内の記載以下の処理を実行しないようにするということなのでしょうか？ただそれだともともとそれ以下に何もないですよね？？？
robocopyのログファイルについて

robocopyでログを出しているんですが、同期するフォルダがない場合でも、「スキップ済み」のフォルダとしてログに出力されてしまいます。コピーしたファイル＋フォルダのみをログに書き出すことはできないんですか？　オプションも見てもそれができるのは見当たらなかったので・・・。＞を使ったリダイレクトでログファイルに書き出しても同じ結果でした。
【Treeのログが取れる】バッチファイルを作りたい

お願いがあります。PC操作は不慣れではないですが、言語などは苦手です。どのフォルダやディレクトリからでも、その階層で実行するとtreeのログが出力できるバッチファイルのソースなど、載っているサイトなどないでしょうか？もちろんソース書いてもいいよって言って下さる方大歓迎です。いろいろサイトをめぐっては試したのですがうまくいきません。よろしくお願いします。
Log4Jではログを改行できない？

お世話になっております。ログ出力用として Log4J を利用しているのですが、 1つのログメソッドでログ内容を改行することはできないのでしょうか？以下のコードにおいて、改行コードが半角スペースに変換されてログファイルに出力されてしまいます。 ※コードは省略しています。 import org.apache.log4j.Logger; protected static final Logger logger = Logger.getLogger(X.class.getName(), new Factoty()); logger.info(new StringBuilder() .append("xxxx").append("\r\n") .append("yyyy") .toString()); 【出力結果】 xxxx yyyy テキストエディタで検索をかけても、「xxxx」と「yyyy」の間は「半角スペース」で一致します。環境は WindowsXP です。ご存知のかたがいらっしゃればご教示お願いいたします。

console.log結果をhtmlで表示したい

質問者が選んだベストアンサー

お礼 2014/06/13 12:58

関連するQ&A

console.log結果をhtmlへ出力したい

console.logについて

console.logでインクリメントのタイミング

console.logを使用して変数名と結果表示

log4jについて

js初心者　consoleなどについて

Console.writeLineで文字化け

Console.ReadLineが有効にならない

MYSQLのログにつきまして

javascriptの計算結果の出力について

bat処理の実行結果ログ出力方法について

リクエスト結果が一瞬しか表示されません。

C#　コンソールアプリでのログ出力

ciscoルータにshow logを入力した結果

ログの集計で

tail ＆ grep の結果表示をリアルタイムに表示させる方法

JSについて教えてください。

robocopyのログファイルについて

【Treeのログが取れる】バッチファイルを作りたい

Log4Jではログを改行できない？

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

console.log結果をhtmlで表示したい

質問者が選んだベストアンサー

お礼 2014/06/13 12:58

関連するQ&A

console.log結果をhtmlへ出力したい

console.logについて

console.logでインクリメントのタイミング

console.logを使用して変数名と結果表示

log4jについて

js初心者 consoleなどについて

Console.writeLineで文字化け

Console.ReadLineが有効にならない

MYSQLのログにつきまして

javascriptの計算結果の出力について

bat処理の実行結果ログ出力方法について

リクエスト結果が一瞬しか表示されません。

C# コンソールアプリでのログ出力

ciscoルータにshow logを入力した結果

ログの集計で

tail ＆ grep の結果表示をリアルタイムに表示させる方法

JSについて教えてください。

robocopyのログファイルについて

【Treeのログが取れる】バッチファイルを作りたい

Log4Jではログを改行できない？

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

js初心者　consoleなどについて

C#　コンソールアプリでのログ出力

カテゴリ
一覧

専門家に質問してみよう
専門家登録