javacriptを使用してHTMLの出力ウィンドウにコンソールメッセージを出力する

Question

現在、d3.jsを使用してグラフアプリケーションを作成しています。 D3-強制有向グラフへのリンクを以下に示します。 https://bl.ocks.org/mbostock/4062045 私の好きなノードのためのオンクリックイベントを作成する場合：

node.on("click", function(d){ 
      console.log(d.id); 
         }); 

これも開発者ツールのコンソール内のノードの名前を印刷しますブラウザのしかし、私はこの値を取ってノードをクリックして印刷するhtmlページ（ウィジェット）でウィンドウを作成する必要があります。

htmlウィンドウウィジェット（別のdivのみ）でコンソール出力を印刷する方法はありますか？

P.S.同様の質問があります：TextAreaを使用して出力コンソールを作成する方法は？しかし、答えはしきい値を決めるためのものであり、それを作成する方法ではありません。

ヘルプありがとうございます。

Answer 1

あなたのスクリプトの上部にconsole.log = customLogFunc;と書くことができます。

Answer 2

JavaScriptを使用して新しいウィンドウを開くようにしてください。

var myWindow = window.open("", "MsgWindow", "width=200, height=100"); 
myWindow.document.write(d.id); 

Answer 3

あなたはJavaScriptで使用することができ、直接ページを変更したい場合は、次に続いて、あなたが

here上で見ることができます

document.getElementById(); 

を、異なるセレクタがたくさんありますあなたはこのようにしなければならないHTMLを変更してください：

document.getElementById("example").innerHTML = "test"; 

PS：あなたはjqueryのを使用する場合は、同じことを行うには、たとえば次のように$関数を使用することができます。

$("#example").html("test"); 

＃はIDを意味しますので、CSSセレクタを使用しています。

Answer 4

同様lynkoはあなたにconsole.logを上書きすることができ、言った：

console.log = function (message) { 
    //prettify message here 
    $("#console_out_div").append("<p>" + message + "</p>"); 
}; 

console.log("test123"); 
console.log([1,3,4]); 
console.log({a:"test", b: 2}); 

あなただけinstanceofとtypeof変数messageをチェックして、出力を飾り立てるしなければなりません。このようなものfiddle。