是否以纯文本形式获取javascript计算结果?
我已经创建了一个javascript计算,并希望以包含result.value的纯文本形式交付结果 然而,我只是设法以是否以纯文本形式获取javascript计算结果?,javascript,html,Javascript,Html,我已经创建了一个javascript计算,并希望以包含result.value的纯文本形式交付结果 然而,我只是设法以的形式做到了这一点 这是我的代码: Javascript: function doSum() { var schritthoehe = document.getElementById("schritthoehe").value; var sum = schritthoehe * 0.66; document.getElementById("ergebnis")
的形式做到了这一点
这是我的代码:
Javascript:
function doSum() {
var schritthoehe = document.getElementById("schritthoehe").value;
var sum = schritthoehe * 0.66;
document.getElementById("ergebnis").value = sum;
}
Html:
Ergebnis:
您可以让ergebnis
成为输出
元素,例如空的
,并将其设置为。textContent
属性,这可能是您可以获得的最接近的属性:
function doSum() {
var schritthoehe = document.getElementById("schritthoehe").value;
var sum = schritthoehe * 0.66;
document.getElementById("ergebnis").textContent = sum;
}
要以纯文本形式输出结果而不是使用输入元素,可以使用
span
并设置其textContent
。下面是一个例子
以前的解决方案使用了innerHTML
,但我做了一些研究,发现textContent
更具语义,性能稍好一些
工作现场演示:
函数doSum(){
var schritthoehe=document.getElementById(“schritthoehe”).value;
var总和=schritthoehe*0.66;
document.getElementById(“ergebnis”).textContent=sum;
}
Ergebnis:
我不知道这是否是你想要的
但您可以使用函数innerHTML:
document.getElementById(“div id”).innerHTML=sum 使用Jquery非常简单
函数doSum(){
var schritthoehe=$(“#schritthoehe”).val();
var总和=schritthoehe*0.66;
$(“#ergebnis”).html(总和);
//如果您想要输入框中的值,则
$(“#ergebnis_input”).val(总和)
}
Ergebnis:
document.getElementById(“schritthoehe”).value是字符串,而不是数字。@Mike'Pomax'Kamermans*
coercion@margsenjo尝试创建span,然后使用SPAND的textContent。您是否意识到可以随时通过调用sum.toString()将任何数字转换为字符串
甚至只是“+sum
?当您将数值指定给
值时,会自动发生这种情况。虽然*
确实强制执行,但可能会出现问题,因为该输入字段的类型是文本
,而不是数字
,因此带有字母的意外内容会产生意外的结果(“a”*例如,4
是NaN),您可以通过首先将字符串正确转换为一个数字,并且只有在知道输入确实是一个数字时才进行实际的数学运算来防止这种情况
function doSum() {
var schritthoehe = document.getElementById("schritthoehe").value;
var sum = schritthoehe * 0.66;
document.getElementById("ergebnis").textContent = sum;
}