javascript - フォーム内の 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>登&amp;#12288;録&lt;/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')。

を使用すると、 Function[]のプロパティを取得したいということになり、明らかにそのようなプロパティは存在しないため、 が取得されます。codeDefdocument.getElementIdundefined

Answer 3

それは機能です、試してみてください

document.getElementById('codeDef')

それ以外の

document.getElementById['codeDef']

Answer 4

そのはず

   document.getElementById('codeDef');