Console Textarea von unten nach oben

Question

Dieser Code ist von Javascript: console.log to html, ich versuche herauszufinden, wie die neuen Nachrichten an die Spitze statt direkt nacheinander gehen.

(function() { 
    if (!console) { 
     console = {}; 
    } 
    var old = console.log; 
    var logger = document.getElementById('log'); 
    console.log = function(message) { 
     if (typeof message == 'object') { 
      logger.innerHTML += (JSON && JSON.stringify ? 
       JSON.stringify(message) : 
       String(message)) + '\n'; 
     } else { 
      logger.prepend(message) = logger.innerHTML + message; 
     } 
    } 
})(); 

Die "logger.prepend (message) = + logger.innerHTML Nachricht;" wirft eine Referenzfehler „ungültig Anweisung linke Seite“

Answer 1

Sie nicht wissen, ob Sie für eine JS-Lösung suchen, aber mit CSS wäre der einfachste Weg, position: absolute und bottom: 0 auf #log zu bedienen. Demo auf diesem jsfiddle

Answer 2

Die obige Lösung ist großartig, ich habe einfach nicht genug Reputationspunkte, um es zu verbessern. Wenn Sie suchen, um die neueste Nachricht an der Spitze zu erhalten:

(function() { 
    if (!console) { 
     console = {}; 
    } 
    var old = console.log; 
    var logger = document.getElementById('log'); 
    console.log = function(message) { 
     if (typeof message == 'object') { 
      logger.innerHTML += (JSON && JSON.stringify ? 
       JSON.stringify(message) : 
       String(message)) + '\n'; 
     } else { 
      return logger.prepend(message); 
     } 
    } 
})();