javascript document element by id

Question

If I need to see my out put in the page not in console.log i want use document get Element By Id how can i do that? he gave me just one result, Steve only !!

[Code: ] https://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>

Step through the code in a debugger and watch what happens to `document.getElementById("demo").innerHTML` each time the loop runs. — David, May 19 '16 at 18:02
Possible duplicate of [What is the correct way to write HTML using Javascript?](http://stackoverflow.com/questions/1533568/what-is-the-correct-way-to-write-html-using-javascript) — Tibrogargan, May 19 '16 at 18:03
document.getElementById("demo").innerHTML += key + "
"; you have to add the key and not overwrite it '+=' — Ralf D'hooge, May 19 '16 at 18:08

score 1 · Answer 1 · answered May 19 '16 at 18:16

1

Hey the only change you have to make is using += instead of just = for the innerHTML function. Here you go:

text.innerHTML+=friend + "
";

answered May 19 '16 at 18:16

Paul G

52
3

in the same example if i'm doing like that? var search = function(name) { for(var key in friends){ if(name === friends[key].firstName){ console.log(friends[key]); document.getElementById('search').innerHTML += friends[key] + "
"; } } } output will be [object Object] how can i fix that?? – Mohamed Ahmed May 20 '16 at 06:49

score 0 · Answer 2 · answered May 19 '16 at 18:17

0

Simply append the result to your innerHTML, do not overwrite it, likewise: document.getElementById("demo").innerHTML += key + "<br>";

answered May 19 '16 at 18:17

Pedro Gonçalves

41
5

Pedro Gonçalves isn't work Can you gave me the code? – Mohamed Ahmed May 20 '16 at 20:27

javascript document element by id

2 Answers2