在JavaScript中使用document.getElementbyId.innerHTML在瀏覽器中顯示函數的結果

-1

我是JavaScript的新手< 1周前我寫了一個非常簡短的HTML/JavaScript並將它顯示在控制檯上。在JavaScript中使用document.getElementbyId.innerHTML在瀏覽器中顯示函數的結果

基本上，我想在HTML的<p>標記內顯示用作變量的函數的結果。

我將腳本顯示在控制檯中。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width"> 
<title>JS Bin</title> 
</head> 
<body> 
<script> 
var kilo = function(pound) { 
    return pound/2.2; 
} 
kilo (220); 
console.log (kilo(220)); 
</script> 
<script> 
var kilog = function(pounds) { 
    return pounds/2.2; 
} 
console.log (kilog(440)); 
</script> 
<p id="Kilograms"><!--I want the result here--></p> 

</body> 
</html>

如何獲取函數的結果作爲一個變量即VAR公斤（磅）......在與ID公斤p標籤顯示？

來源

2017-02-10 Zachra

的可能的複製[如何顯示在一個HTML頁面的JavaScript變量沒有文件撰寫（http://stackoverflow.com/questions/9689109/how-to-display-javascript-variables-in-a -html-page-without-document-write） –

這個問題的答案告訴你如何做到這一點...... –

我的道歉邁克，但它不是我所期待的。我想使用特定的函數document.getElementById.innerHTML將函數的結果作爲變量寫入瀏覽器的HTML中。我得到了腳本將結果寫入控制檯。我希望在HTML – Zachra

腳本應和機身碼後，還是應該添加文檔準備事件偵聽器。因此，嘗試此解決方案：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width"> 
<title>JS Bin</title> 
</head> 
<body> 
<p id="Kilograms"><!--I want the result here--></p> 

</body> 
<script> 
var kilo = function(pound) { 
    return pound/2.2; 
} 
kilo (220); 
console.log (kilo(220)); 

var kilog = function(pounds) { 
    return pounds/2.2; 
} 
console.log (kilog(440)); 
document.getElementById("Kilograms").innerHTML = kilog(440); 
</script> 
</html>

實例JSBin：https://jsbin.com/pacovasuve/edit?html,output

來源

2017-02-10 18:25:49

我在jsbin中出錯。 – Zachra

我編輯了我的答案。現在看。 –

謝謝。爲我工作。得到它昨天工作，但你指出我在正確的方向。 – Zachra

試試這個

var p = document.getElementById('Kilograms'); 
p.innerHtml = 'any text'; 
// OR 
p.innerHtml = kilog(440);

來源

2017-02-10 18:24:47 Shayan

請添加一些關於此代碼爲何/如何幫助OP的解釋。這將有助於提供未來觀衆可以從中學習的答案。請參閱[這個元問題及其答案]（http://meta.stackoverflow.com/q/256359/215552）瞭解更多信息。 –

@Shayan請，我不想只有任何文本，而是，函數的結果作爲變量在那裏。 – Zachra

@Zachra我編輯我的答案，請看看 – Shayan

你可以在你的js代碼試試這個。

document.getElementById("Kilograms").innerHTML="write whatever you want here";

來源

2017-02-10 18:26:30

評論與答覆總是讚賞。 –

在JavaScript中使用document.getElementbyId.innerHTML在瀏覽器中顯示函數的結果

回答

相關問題