console textarea bottom to top

Question

Ce code provient de Javascript: console.log to html, j'essaie de comprendre comment faire passer les nouveaux messages au-dessus de l'un après l'autre.

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

Le message "logger.prepend (message) = logger.innerHTML +;" lance une « déclaration invalide côté gauche » erreur de référence

Answer 1

Je ne sais pas si vous êtes à la recherche d'une solution JS, mais avec CSS la meilleure façon serait d'utiliser position: absolute et bottom: 0 sur #log. Démo sur ce jsfiddle

Answer 2

La solution ci-dessus est géniale, je n'ai tout simplement pas assez de points de réputation pour l'upvote. Si vous cherchez à obtenir le dernier message sur le dessus:

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