javascript - 获取 "value"并在另一个函数中使用它

Question

我在 JavaScript 方面遇到了一些问题。我正在做一个画廊页面。有一个带有“Onclik”的图标，可以调用“评论”功能。

function comment() {

var div = document.getElementById("commentdiv");
var input = document.createElement("textarea");
var btn = document.createElement("BUTTON");
var t = document.createTextNode("ADD");  

input.name = "post";
input.maxLength = "5000";

btn.appendChild(t);
document.body.appendChild(btn);  

div.appendChild(input); 
div.appendChild(btn);
btn.style.width='100%';
btn.style.height='30px';

input.style.width='100%';
input.style.height='150px';

msn = input.value;
btn.onclick=write;

}

但是有问题。当我执行 input.value 时，输入中没有任何内容。我想要在msn中，人们在文本区域中写入的文本。当我调用第二个函数时，由于为空而未写入。

function write() {


 document.getElementById("commentdiv").innerHTML += + msn ;

}

谢谢:)

Answer 1

因为 msn 值是在元素刚创建时获取的，因此您需要从 textarea 中获取新值

function write() 
{
   document.getElementById("callate").innerHTML += document.querySelector( "#commentdiv textarea" ).value ;
}