在表单中访问DIV？

Question

我正在尝试使用

访问ID为“codeDef”的DIV

document.getElementById['codeDef']

但它返回“未定义”。我在这里做错了什么？

以下是HTML代码段：

<div class="section">
<div class="box">
<form method="post" name="exam-company-input-form" action="./">
<table>
<tbody><tr>
<td style="width:150px;padding-left:20px">
Exam Code
</td>
<td style="width:150px;padding-left:20px"><input type="text" maxlength="10" style="width:100%" value="" name="code" onkeyup="javascript:checkExamCode();"></td><td><div id="codeDef">code def</div></td>
</tr>
<tr>

<td style="width:150px;padding-left:20px">
Orca Code
</td>
<td style="width:150px;padding-left:20px"><input type="text" maxlength="10" style="width:100%" value="" name="srycd" onkeyup="javascript:checkOrcaCode();"></td><td id="orcaDef">orca def</td>
</tr>

<tr>
<td style="text-align:center" colspan="3">
<button style="opacity: 1; margin-right: 15px;" onclick="javascript:ResetForm('exam-company-input-form');" class="blue" type="button"><span>リセット</span>
</button><button style="opacity: 1;" onclick="javascript:SubmitForm('exam-company-input-form');" class="blue" type="button"><span>登&#12288;録</span>
</button></td></tr>
</tbody></table>
<input type="hidden" value="master_exam-company-input-do" name="pid">
</form>
</div>
</div>

Answer 1

document.getElementById("idName")

使用括号

Answer 2

应为document.getElementById('codeDef')。

如果您使用[]，则表示您希望获取函数codeDef的属性document.getElementId，显然，没有此类属性，因此您将获得{{1} }}

Answer 3

这是一个功能，试试

document.getElementById('codeDef')

而不是

document.getElementById['codeDef']

Answer 4

应该是

   document.getElementById('codeDef');