以純文本格式獲取javascript計算結果？

我已經創建了一個javascript計算，並希望將結果作爲包含result.value的純文本進行傳遞。以純文本格式獲取javascript計算結果？

但是我只是設法在<input>表單中做到這一點。

這是我的代碼：

的Javascript：

function doSum() { 
    var schritthoehe = document.getElementById("schritthoehe").value; 
    var sum = schritthoehe * 0.66; 

    document.getElementById("ergebnis").value = sum; 
    }

HTML：

<body> 
<form name="form1" method="post" action=""> 
<input type="text" id="schritthoehe"> 
<input type="button" value="Summieren" onClick="doSum();"> 
Ergebnis: <input type="text" id="ergebnis" disabled> 
</form> 
</body>

來源

2015-08-21 margsenjo

不要忘記'document.getElementById（「schritthoehe」）.value'是一個字符串，而不是數字。 –

@ Mike'Pomax'Kamermans'*'使得強制 – havenchyk

@margsenjo嘗試創建span，然後使用span的內容 – havenchyk

要以純文本形式輸出結果而不是使用輸入元素，可以使用span並設置它的textContent。以下是一個例子。

以前的解決方案使用innerHTML，但我做了一些研究，發現textContent是更多的語義，並提供稍好的性能。

工作現場演示：

function doSum() { 
 
    var schritthoehe = document.getElementById("schritthoehe").value; 
 
    var sum = schritthoehe * 0.66; 
 

 
    document.getElementById("ergebnis").textContent = sum; 
 
}

<form name="form1" method="post" action=""> 
 
<input type="text" id="schritthoehe"> 
 
<input type="button" value="Summieren" onClick="doSum();"> 
 
    Ergebnis: <span id="ergebnis"></span> 
 
</form>

來源

2015-08-21 21:01:35

你可以有ergebnis是output元素，如一個空<div id="ergebnis"></div>並設置它的.textContent財產，這可能是最接近你可以得到：

function doSum() { 
    var schritthoehe = document.getElementById("schritthoehe").value; 
    var sum = schritthoehe * 0.66; 

    document.getElementById("ergebnis").textContent = sum; 
}

來源

2015-08-21 21:01:04

我不知道如果這是你所追求的。

但是你可以使用功能的innerHTML：

的document.getElementById（「DIV-ID」）的innerHTML =總和;

來源

2015-08-21 21:04:46

以純文本格式獲取javascript計算結果？

回答

相關問題