<分区>
标签 javascript html css
<分区>
每当我使用 .value 获取文本输入的值,然后将其显示在网页上时,它会显示未定义。
我已经查看了许多修复程序,但没有一个有效。
Java 脚本
function user() {
let userNum = 1;
let userSays = document.getElementsByClassName("text_box").value;
let x = document.createElement("P");
let y = document.getElementById("chat_box");
x.setAttribute("class", "chatUser");
x.setAttribute("id", 'u'+ userNum);
x.innerHTML = "@User:" + userSays;
y.appendChild(x);
userNum += 1;
updateScroll()
}
HTML
</div>
<input class = "text_box" type="text" placeholder="This does something">
<button id = inputPrint onclick= 'user()'>User</button>
当页面上的人在输入框中键入内容,然后点击用户按钮时,它应该会显示。用户:用户输入了什么
但是它当前显示。用户:未定义
最佳答案
getElementsByClassName()
返回集合。你必须使用特定的索引。
改变
let userSays = document.getElementsByClassName("text_box").value;
到
let userSays = document.getElementsByClassName("text_box")[0].value;
关于javascript - 当我使用 .value 获取输入值时,它返回 Undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53855572/