小编the*_*Guy的帖子

如何使用innerHTML 将对象值正确打印到DIV?

我正在 Codecademy 上一门课程,他们的许多初学者课程都使用 console.log() 命令打印到控制台。然而,我想尝试使用document.GetElementById( ) 和innerHTML,但它不是打印出所选对象的详细信息,而是只打印“[object Object]”,而 console.log() 打印键的详细信息?

这是我的代码:

<div id="myfrndDetails"></div>

<script>
var frnds = new Object();
frnds.bill = {
    firstName: "Bill",
    lastName: "Gates",
    phoneNumber: "8778787"
}

frnds.steve = {
    firstName: "Bill",
    lastName: "Gates",
    phoneNumber: "8778787"
}


var frndCard = function(frndName,frndLst) {
    for (var onefrnd in frndLst) {
        if (frndLst[onefrnd].firstName === frndName) {
            document.getElementById("myfrndDetails").innerHTML = frndLst[onefrnd];
            return frndLst[onefrnd];
        }
    }
};

frndCard("Bill",frnds);

</script>
Run Code Online (Sandbox Code Playgroud)

html javascript key object innerhtml

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×1

innerhtml ×1

javascript ×1

key ×1

object ×1