首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >无法从输入字段获取用户输入并将其分配给另一个div的innerHTML

无法从输入字段获取用户输入并将其分配给另一个div的innerHTML
EN

Stack Overflow用户
提问于 2019-06-03 00:30:45
回答 3查看 61关注 0票数 0

我知道这个问题听起来很愚蠢,但是我很好奇为什么我可以在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也会消失

EN

回答 3

Stack Overflow用户

发布于 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;
});
票数 0
EN

Stack Overflow用户

发布于 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();
票数 0
EN

Stack Overflow用户

发布于 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>`
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56416880

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档