Question

我正在制作一个计算器，我想获取p元素的当前值，将其保存到var中，并使用document.getElementById来更改p元素的内容。这是jsfiddle链接：http://jsfiddle.net/GuardianWolfe/stzhfnLm/1/。我目前正在使用此代码：

$(document).ready(function () {
    $("#plusButton").click(function () {
        var eqVal = document.getElementById("equation").value;
        document.getElementById("equation").innerHTML = eqVal + " +";
    });
});

但它没有做任何事情。

Answer 1

有两个问题，

1，P标签没有value属性，你应该用innerHTML来获取值，

2，你的小提琴没有jquery引用，所以错误将发生在$(document).ready(

Updated Fiddle

如果你想用jquery完成这些事情只能像这样使用

$("#plusButton").click(function() {
    var eqVal = $("#equation").text();
    $("#equation").text(eqVal + "Hei");
});

Fiddle for jquery code

Answer 2

你有几个问题：

首先，jQuery不包含在您的JSFiddle演示中。您可以通过 Frameworks＆amp; amp;左侧边栏中的扩展程序区域。您的代码最初因此引发了以下错误：

未捕获的ReferenceError：$未定义

其次，ID为equation的元素是p元素。 p个元素没有value属性。您可以使用p来获取innerHTML元素的文字：

var eqVal = document.getElementById("equation").innerHTML;

第三，你已经在使用jQuery了，为什么你不使用jQuery呢？

var eqVal = $('#equation').text();
// Or
var eqVal = $('#equation').html();

最后，您还可以使用jQuery更新值：

$('#equation').html(eqVal + " +");

Amended JSFiddle demo

Answer 3

如果您使用的是jQuery，可以像这样简单地使用

此处的工作示例http://jsfiddle.net/stzhfnLm/6/

$(document).ready(function () {
    $("#plusButton").click(function () {
        var eqVal = $('#equation').text();
        $('#equation').html(eqVal + "Hei");
    });
});

Answer 4

首先，在代码中加载JQuery。

然后，更改您的代码，如下所示：

$(document).ready(function () {

    $("#plusButton").click(function () {

        var eqVal = $("#equation").html();  // Get value of p tag
        $("#equation").html() = eqVal + " +";  // Set value 
    });
});

如何将html元素的值保存到javascript var中

4 个答案: