请尝试在将其呈现到DOM后使用JavaScript获取textarea值[重复]

由小草发布于 2020-05-29 20:36:20

我试图将JavaScript的textarea值渲染到DOM之后，

let input = document.getElementById("input").value;
let btn = document.getElementById("btn");
btn.addEventListener("click", ()=>{
console.log(input);
}
;

但是它继续在控制台中显示一个空字符串。

UFO

2020-05-29 20:36:21

let input = document.getElementById("input").value;
let btn = document.getElementById("btn");

btn.addEventListener("click", (event) => {
  event.preventDefault();
  console.log(input);
})

ret

2020-05-29 20:36:21

下次也请添加您的HTML。

就是说，在您的代码中，加载页面时，输入的值仅读取一次。如果要读取并显示更新的输入值，则每次按下该按钮时都必须读取它。下面是一个简单的示例：

let btn = document.getElementById("btn");
btn.addEventListener("click", () => {
  let input = document.getElementById("input").value;
  console.log(input);
});

<input id="input"></input>
<button id="btn">PressMe</button>

小草

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3290
注册排名
1893