Question

每当我使用.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>

当页面上的人在输入框中键入某些内容，然后单击“用户”按钮时，它将显示。用户：用户键入的内容

但是当前显示。用户：未定义

Answer 1

getElementsByClassName()返回集合。您必须使用特定的索引。

更改

let userSays = document.getElementsByClassName("text_box").value;

收件人

let userSays = document.getElementsByClassName("text_box")[0].value;

当我使用.value获取输入值时，它返回Undefined

1 个答案: