0

我想了解 Javascript 是如何工作的，我是Tornado (Python)的用户，我使用了一个变量{{variable}}，所以我只做：

<h1> {{variable}} </h1>

现在我尝试实时进行 HTML 编辑，1000例如，如果用户编写，他可以在某个地方看到格式化的值，例如1 000

在 javascript 中，我可以使用控制台从控制台获取值document.getElementById("price").value，然后如何输入 HTML 代码？

抱歉，这似乎是一个愚蠢的问题。

这是代码：

<input id="price" type="number" name="prix" required title="put here..." placeholder="example: 800000" min="1" step="1">
<script>var val = document.getElementById("price").value;
document.getElementById("ggg").innerHTML = val;</script>`<h1 id="ggg">test</h1>`
4

1 回答 1

2

最简单的方法是修改.innerHTML目标元素的属性：

var val = document.getElementById("price").value;
document.getElementById("target").innerHTML = val;

你也可以修改.textContent.

要执行实时部分，您必须使用事件处理程序，只要值发生更改，就会调用该事件处理程序：

document.getElementById("price").onchange = function(e){
    document.getElementById("target").innerHTML = this.value;
};

请注意，change只有当元素失去焦点时才会触发。其他可能方便的事件是keypress或keydown，keyup这取决于您想要更新值的频率。

于 2013-03-13T21:03:21.910 回答