為什么我不能使用 - 在字段名稱？

Question

基本上我只是想清除一個文本字段，這對我來說從來都不是問題。 但是，這不起作用：

<html>
<body>

<form name="form">

<input type="text" name="input-field" value="Value" />

<input type="button" name="clear" value="Clear field" onclick="document.form.input-field.value = ''"; />

</form>

</body>
</html>

但是，如果我將“input-field”重命名為“inputfield”並onclick to onclick =“document.form.inputfield.value =''”; ...然后它工作正常。

但是...從字段名稱中刪除“ - ”，在我的情況下不是一個選項（長解釋）。

那么，如何清除包含“ - ”的文本字段？

Answer 1

因為它不是有效的JavaScript標識符。 但是，您可以使用以下代碼：

document.form['input-field'].value

出於同樣的原因，您無法使用var my-var聲明變量。 另一方面，如果您有一個object ，例如具有多個鍵的form ，則可以像訪問關聯數組一樣訪問其屬性：

var form = {
  "input-field": 20,
  otherKey: 30
};
form.input-field; // Error
form.otherKey; // OK
form['input-field']; // OK

參考文獻：

標識符名稱和標識符 （ECMAScript語言規范）
對象作為關聯數組

Answer 2

- ，不是標識符中的有效字符

document.form.input-field;

被解釋為

document.form.input - field;

當然，您可以使用方括號表示法來解決問題：

document.form["input-field"];

為什么我不能使用 - 在字段名稱？

問題描述

2 個解決方案

解決方案1
10 已采納 2012-09-08 23:49:16

參考文獻：

解決方案2
6 2012-09-08 23:52:17

為什么我不能使用 - 在字段名稱？

問題描述

2 個解決方案

解決方案1 10 已采納 2012-09-08 23:49:16

參考文獻：

解決方案2 6 2012-09-08 23:52:17

解決方案1
10 已采納 2012-09-08 23:49:16

解決方案2
6 2012-09-08 23:52:17