document.getElementById不起作用

Question

我在頁面上有2個chekboxes。 每個行都包含在一個表格單元格中。 執行document.getElementById（'chk1_FEAS~1005'）會返回元素，但document.getElementById（'chk5_STG2~1005'）為空。 出於什么原因可能會發生這種情況？ （我在IE 8中測試）。

<input id="chk1_FEAS~1005" value="JobStages###StageCode~JobCode###FEAS~1005" onclick="addRemoveRow(this.value,this.checked)" style="border-width:0px;padding:1px;margin:0px;height:14px;"  type="checkbox" />

<input id="chk5_STG2~1005" value="JobStages###StageCode~JobCode###STG2~1005" onclick="addRemoveRow(this.value,this.checked)" style="border-width:0px;padding:1px;margin:0px;height:14px;"  type="checkbox" />

Answer 1

您的ID包含無效字符：

ID和NAME令牌必須以字母（[A-Za-z]）開頭，后面可以跟任意數量的字母，數字（[0-9]），連字符（“ - ”），下划線（“_”） ，冒號（“：”）和句號（“。”）。

更多信息在這里 。

Answer 2

document.getElementById('hk5_STG2~1005') 

應該

document.getElementById('chk5_STG2~1005') 

:-)

Answer 3

看你的樣本是一個拼寫錯誤，第二個項目應該是， document.getElementById('chk5_STG2~1005')

另外，我建議刪除〜字符，因為它對於id無效。

Answer 4

對於它的價值，我在IE8中的復選框上使用document.getElementById時遇到了類似的問題。 嘗試將此標記添加到您的頭部： -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

這將迫使IE8進入IE7兼容模式。 它對我來說是一種解決方法，直到找到真正起作用的東西。