javascript kullanarak HTML'de bir çıktı penceresinde konsol iletileri yazdırma

Question

Şu anda d3.js. kullanarak bir grafik uygulaması üzerinde çalışıyorum. d3-zorla yönettiği grafiğe bağlantı aşağıdadır: https://bl.ocks.org/mbostock/4062045 i oluşturursanız, bir de tıklama gibi bir düğüm için olay: Bu hatta geliştiriciler araçları konsoldaki düğümlerin adlarını yazdırır

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

tarayıcının Ancak, bu değeri alacak ve düğümü tıklattırarak yazacak html sayfasında (pencere öğesi) bir pencere oluşturmam gerekiyor.

Konsol çıktısını html pencere küçük aracına yazdırmanın bir yolu var mı (sadece başka bir div)?

P.S. Sorulan benzer bir soru var: TextArea kullanarak bir çıkış konsolu nasıl yapılır? Ancak cevap, eşiğin belirlenmesini ve bunun nasıl oluşturulacağını değil.

Yardım edin.

Answer 1

Bu kludgey, ancak komut dosyanızın en üstünde console.log = customLogFunc; yazabilirsiniz.

Answer 2

javascript ile yeni bir pencere açmayı deneyin.

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

Answer 3

javascript içinde kullanabileceğiniz, doğrudan sayfasını değiştirmek istiyorsanız: hiç Sonra

here görebileceğiniz

document.getElementById(); 

ve farklı seçicileri bir yeri vardır HTML'yi değiştirmek için aşağıdakileri yapmanız yeterlidir:

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

PS: # id demektir ki

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

O css seçici kullanır: Eğer jquery size aynı şeyi örneğin böyle $ işlevini kullanabilirsiniz kullanırsanız.

Answer 4

gibi lynko sen console.log geçersiz kılabilir ki:

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}); 

sadece instanceof ve typeof değişken message kontrol etmek ve çıkış prettify gerekiyor. Bu fiddle gibi bir şey.