HTMLページにjavascriptオブジェクトのプロパティを表示する方法。

Question

以下のチュートリアルでは、常にconsole.logを使用してオブジェクトプロパティを表示していました。私のHTML文書の中にオブジェクトのプロパティを表示する方法。ここ は私code.imがやろうとしている：http://codepen.io/cyberjo50/pen/vKoXVJあなたは、関数を呼び出す下部にこれを追加するのを忘れ

Answer 1

データを表示する方法と方法によって異なります。

HTMLでJSのデータを表示するための適切な方法は、IDによって参照されるhtml要素を持っており、オブジェクトのプロパティの値にinnerHTMLプロパティを設定し、それ以外のdocument.write文書にあなたがそれ

呼び出すたびにクリアされますすることです

例：

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

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

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

purchase1.showDetails = displayDetails; 

purchase1.showDetails(); 
</script> 

Answer 2

初級レベル は、事前にありがとう

var purchase1 = { item:"fruit" }; 

function displayDetails() { 
document.write(this.item); 
} 

purchase1.showDetails = displayDetails; 

：

purchase1.showDetails(); 

Answer 3

または使用するFunction.prototype.call()

var purchase1 = { item:"fruit" }; 
 

 
function displayDetails() { 
 
document.write(this.item); 
 
} 
 

 
displayDetails.call(purchase1)