以纯文本格式获取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计算结果？

回答

相关问题