如何在js中使用html -破折号输入标签名称

Question

大小写命名所有HTML参数，现在我有一些麻烦。我想从表单输入中获取值，但JS不采用dash-case。有没有办法采取表单输入而不改变输入名称?

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;