Элемент документа javascript по id

Question

Если мне нужно увидеть, что мой выход помещен на страницу не в console.log, я хочу, чтобы документ использовал Element By Id, как я могу это сделать? он дал мне только один результат, только Стив!

[Код:] http://i.stack.imgur.com/ISqzT.png

<script> 
 
    var friends = {}; 
 
    friends.bill = { 
 
     firstName: "Bill", 
 
     lastName: "Gates", 
 
     number: "(206) 555-5555", 
 
     address: ['Microsoft Way'] 
 
     }; 
 
    friends.steve = { 
 
     firstName: "Steve", 
 
     lastName: "Jobes", 
 
     number: "(444) 111 000", 
 
     address: ["Apple way"] 
 
    }; 
 
    var list = function(obj) { 
 
     for(var key in obj){ 
 
     console.log(obj); 
 
     document.getElementById("demo").innerHTML = key + "<br>"; 
 
     } 
 
    } 
 

 
    var search = function(name) { 
 
     for(var key in friends){ 
 
     if(name === friends[key].firstName){ 
 
      console.log(friends[key]); 
 
     } 
 
     } 
 
    } 
 
    list(friends); 
 
    // search("Steve"); 
 
    </script>

Answer 1

Эй единственное изменение, которое вы должны сделать это с помощью + = вместо того, чтобы просто = для функции innerHTML. Здесь вы найдете:

text.innerHTML + = friend + "
";

Answer 2

Просто добавьте результат вашего innerHTML, не перезаписать, также: document.getElementById("demo").innerHTML += key + "<br>";