输入的值未分配给 div答案

【问题标题】：The value of input is not being assigned to a div输入的值未分配给 div
【发布时间】：2021-08-17 01:14:30
【问题描述】：

我想从文本区域 (id=getText) 获取文本，然后将其值分配给我创建的新 div，但该值没有保存在新 div 中。我尝试了很多次但是输入的值没有保存，当我点击按钮时没有变化

let getText = document.getElementById("getText"); // this is     textarea
let select = document.getElementById("selectBtn"); //this is button
//this is another div
let result = document.getElementById("result");
let new_p = document.createElement("div"); //creating element
new_p.innerHTML = "";
result.appendChild(new_p); // adding into resut div  
//getting inner text of the input
let value = new_p.innerText;
//adding an event listener
select.addEventListener("click", function(e) {
    e.preventDefault();
    new_p.innerHTML = value;
    //it does not works and the value is not saved      
})

【问题讨论】：

您是否在 F12 控制台选项卡中收到任何错误消息？
let value = new_p.innerText; 这一行将变量value 赋值为空。你需要将new_p.innerHTML 分配给getText.value 看这个例子：jsfiddle.net/mog09qnb
错字：let value = new_p.innerText; 应该是let value = getText.value;（但要确保这一行在点击事件处理程序中！）

标签： javascript event-handling dom-events

【解决方案1】：

let getText = document.getElementById("getText"); // this is textarea
let select = document.getElementById("selectBtn"); //this is button

//this is another div
let result = document.getElementById("result");
let new_p = document.createElement("div"); //creating element
new_p.innerHTML = getText.value;
result.appendChild(new_p); // adding into resut div  
//getting inner text of the input
let value = new_p.innerText;


//adding an event listener
select.addEventListener("click", function(e) {
 e.preventDefault();
 new_p.innerHTML = getText.value;
 console.log(value)
 //it does not works and the value is not saved      
})

替换 new_p.innerHTML = "";为了 new_p.innerHTML = getText.value

在点击事件内部，

new_p.innerHTML = getText.value;

继续前进，尝试使用在线代码编辑器，发布您的代码，因为任何人都可能更容易为您提供帮助，请注意从代码中删除任何个人信息。

这是你的代码https://jsfiddle.net/k8b24n3q/12/的小提琴

原因不起作用，是因为您在点击事件上设置了一个未定义的值。

【讨论】：