如何在我的html页面中显示javascript对象属性。

我遵循的教程始终使用console.log显示对象属性。如何在我的html文档中显示object属性。 这是我的代码。我正在尝试：

初级水平

---

提前感谢

您忘记调用该函数，请在底部添加以下内容：

purchase1.showDetails();

或使用

var-purchase1={item:“fruit”}；
函数displayDetails（）{
文件。书写（本项）；
}
displayDetails.call（purchase1）

这取决于您想要显示数据的内容和方式

在HTML中显示JS数据的正确方法是使用id引用HTML元素，并将innerHTML属性设置为object属性的值，否则document.write将在每次调用它时清除该文档

例：

var purchase1={item:“fruit”}；
函数displayDetails（）{
document.getElementById（“详细信息”）.innerHTML=this.item；
}
purchase1.showDetails=displayDetails；
purchase1.showDetails（）；

这不起作用，因为

showDetails

不是

purchase1

的属性。它确实起作用，因为他们在示例代码（

purchase1.showDetails=displayDetails；

）中将

showDetails

设置为

purchase1

）哦，错过了。很高兴能提供帮助

purchase1.showDetails();

<div id="details"></div>

<script>
var purchase1 = { item:"fruit" };

function displayDetails() {
document.getElementById("details").innerHTML = this.item;
}

purchase1.showDetails = displayDetails;

purchase1.showDetails();
</script>