如何在 js 中獲取 html 破折號輸入標簽名稱

Question

命名所有 HTML 參數的案例，現在我遇到了一些麻煩。 我想從表單輸入中獲取價值，但 JS 不采用破折號。 有什么方法可以在不更改輸入名稱的情況下進行表單輸入？

HTML 和 JavaScript：

 const form = document.querySelector('#message-form'); console.log(form.user-message.value); //Here rise error

 <form id="message-form"> <input type="text" name="user-message"> </form>

Answer 1

您可以像這樣訪問它：

form['user-message'].value

Answer 2

將名稱更改為用戶usermessage ，它將起作用

<form id="message-form">
    <input type="text" name="usermessage">
</form>


const form = document.querySelector('#message-form');
console.log(form.usermessage.value)

或為消息添加 querySelector

var message = form.querySelector('input[name="user-message"]').value;