Question

我创建了一个javascript计算，并希望将结果作为纯文本传递，包括result.value。

但我只是设法以<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>

Answer 1

您可以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;
}

Answer 2

要以纯文本输出结果而不是使用输入元素，您可以使用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>

Answer 3

我不知道这是不是你所寻求的。

但你可以使用innerHTML函数：

document.getElementById（“div-id”）。innerHTML = sum;

Answer 4

使用Jquery非常容易

＆＃13;

function doSum() {
        var schritthoehe = $("#schritthoehe").val();
        var sum = schritthoehe * 0.66;

        $("#ergebnis").html(sum);
        // if you want the value inside the input box then 
        $("#ergebnis_input").val(sum)
    }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form name="form1" method="post" action="">
    <input type="text" id="schritthoehe">
    <input type="button" value="Summieren" onClick="doSum();">
        Ergebnis: <span id="ergebnis"></span><input type="text" id="ergebnis_input" readonly>
    </form>

＆＃13;

以纯文本格式获取javascript计算结果？

4 个答案: