我知道这个问题听起来很愚蠢,但是我很好奇为什么我可以在JavaScript中避免这个问题。现在在下面的代码中,我给出了:
var btn=document.getElementById("btn");
btn.onclick = function get() {
var x = document.getElementById("text").value; // --> HERE
document.getElementById("para").innerHTML = x;
};
get();
<input type="text" id="text" value="">
<input type="submit" value="submit" id="btn">
<p id="para"></p>
现在,当我在函数内部赋值变量x时,在(“.nodeValue”)之后,我得到的是文本而不是.value。是我的代码编辑器有问题,还是我有一个错误,因为每次我在输入字段中输入一个名称,它都会在段落中显示结果,它会出现,而fast也会消失
发布于 2019-06-03 00:44:16
我认为您唯一的问题可能是如何声明事件侦听器,我在监听'click‘事件的按钮上声明了它为一个事件侦听器。
我还将“x”编辑为“userInput”,以便更清楚它试图实现的目标。
var btn = document.getElementById("btn");
btn.addEventListener('click', function () {
var userInput = document.getElementById("text").value;
document.getElementById("para").innerHTML = userInput;
});
发布于 2019-06-03 00:48:17
var btn=document.getElementById("btn");
btn.onclick = function () {
var x = document.getElementById("text").value; // --> HERE
document.getElementById("para").innerHTML = x;
};
btn.onclick()
<input type="text" id="text" value="hello">
<input type="submit" value="submit" id="btn">
<p id="para"></p>
这是您正在尝试做的一个工作示例。你不能在那个上下文中声明一个函数,因为它是匿名的。我的示例工作得很好,但是您应该做更多的事情,比如
function get() {
//Do something
}
btn.onclick = get;
get();
发布于 2019-06-03 01:01:45
我不确定这是否能解决问题。但是,我建议您在input标记内提供一个onclick
事件。
<input type="submit" value="submit" id="btn" onclick="get()">
<script>
function get() {
var x = document.getElementById("text").value;
document.getElementById("para").innerHTML = x;
}
</script>`
https://stackoverflow.com/questions/56416880
复制相似问题