Question

我是HTML的初学者，我想在HTML页面上创建一个值不断变化的区域。（例如，如果区域之前显示“56”（整数），在用户按下页面上的某个特定按钮之后，该值可能会改变，例如“60”（整数））。请注意，此整数将由外部JavaScript提供。

我付出的努力：我通过使用<canvas>标签，定义区域，然后在区域上书写，发现了一种方法。我学会了如何在http://diveintohtml5.info/canvas.html#text的画布上写文字要再次写入，请使用canvas.width=canvas.width清除画布，然后再次写入文本。我的问题是，除了这里提到的那个之外，还有其他（更容易）的方法吗？

谢谢。

Answer 1

你通常可以用div来做。这里我使用按钮单击功能。你可以用你的行动来做到这一点。我使用jquery来做这件事。

$('.click').click(function() {
var tempText = your_random_value;
// replace the contents of the div with the above text
$('#content-container').html(tempText);
});

Answer 2

您可以直接使用JavaScript（不使用jQuery）编辑DOM（文档对象模型）。

<强> JavaScript的：

var number = 1;

function IncrementNumber() {
    document.getElementById('num').innerText = number;
    number++;
}

<强> HTML：

<span id="num">0</span>
<input type='button' onclick='IncrementNumber()' value='+'/>

这是一个带有示例http://jsfiddle.net/G638z/

的jsfiddle

使用更改的值在HTML上创建区域

2 个答案: