在表单中访问DIV?

时间:2012-06-19 05:52:58

标签: javascript html html-parsing dom

我正在尝试使用

访问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>

4 个答案:

答案 0 :(得分:4)

document.getElementById("idName")

使用括号

答案 1 :(得分:3)

应为document.getElementById('codeDef')

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

答案 2 :(得分:1)

这是一个功能,试试

document.getElementById('codeDef')

而不是

document.getElementById['codeDef']

答案 3 :(得分:1)

应该是

   document.getElementById('codeDef');