2016-05-19 107 views
-2

如果我需要看到我在頁面中看不到console.log我想使用文檔獲取元素由ID我該怎麼做?他只給了我一個結果,只有史蒂夫!javascript文檔元素編號

[編號:] 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>

+1

你留着覆蓋的內容,有什麼辦法? –

+0

什麼輸出?你想在哪裏輸出? –

+0

單步執行調試器中的代碼,並觀察每次循環運行時'document.getElementById(「demo」)。innerHTML'會發生什麼情況。 – David

回答

1

嘿,你必須做出的唯一改變是使用+ =,而不是僅僅=第innerHTML的功能。這裏你去:

text.innerHTML + = friend +「
」;

+0

謝謝paulg :) –

+0

在同一個例子中,如果我這樣做? var search = function(name){ for(var key in friends){ if(name === friends [key] .firstName){ console.log(friends [key]); document.getElementById('search')。innerHTML + = friends [key] +「
」; } } } 輸出將是[對象對象]我該如何解決? –

0

結果簡單地附加到innerHTML的,不要覆蓋它,也: document.getElementById("demo").innerHTML += key + "<br>";

+0

PedroGonçalves 不工作 你可以給我的代碼? –