2011-12-14 60 views
1

我得到兩個alert()消息,但不是值BBBZZZ,我希望,我得到undefinedundefined沒有得到值:當我點擊<code>Click Here!!!</code>的document.getElementById()值

任何想法我做錯了什麼? 我運行Firefox 8.0,在IE 8

<HTML> 
<HEAD> 
</HEAD> 

<BODY> 

<div id="1_0"> 
    <div id='1_1' style="background-color: yellow;"> 
     <input="hidden" id="1_a" value="AAA"/> 
     <input="hidden" id="1_b" value="BBB"/> 
     some text, and some more 
     <div> 
      <div style="background-color: silver;" onclick="alert(document.getElementById('1_b').value);alert(document.getElementById('1_z').value);"> 
       Click Here!!! 
      </div> 
     </div> 
    </div> 
</div> 


<input="hidden" id="1_z" value="ZZZ"/> 

</BODY> 
</HTML> 

回答

5

問題是輸入=隱藏。它應該是<input type="hidden">

<HTML> 
<HEAD> 
</HEAD> 

<BODY> 

<div id="1_0"> 
    <div id='1_1' style="background-color: yellow;"> 
     <input type="hidden" id="1_a" value="AAA"/> 
     <input type="hidden" id="1_b" value="BBB"/> 
     some text, and some more 
     <div> 
      <div style="background-color: silver;" onclick="alert(document.getElementById('1_b').value);alert(document.getElementById('1_z').value);"> 
       Click Here!!! 
      </div> 
     </div> 
    </div> 
</div> 


<input type="hidden" id="1_z" value="ZZZ"/> 

</BODY> 
</HTML> 
1

首先,你的投入應該是<input type="hidden" id="1_a" value="AAA"/> <input type="hidden" id="1_b" value="BBB"/>

1
<input="hidden" 

是錯誤的,你需要:

<input type="hidden" 

Working Demo

4

貌似在這些線路中的HTML標記錯誤:

<input="hidden" id="1_a" value="AAA"/> 
<input="hidden" id="1_b" value="BBB"/> 

這些需要是:

<input type="hidden" id="1_a" value="AAA"/> 
<input type="hidden" id="1_b" value="BBB"/> 

通知的type屬性。

1

因爲你有一個絞線標記。而不是

<input="hidden" id="1_a" value="AAA"/> 

應該

<input type="hidden" id="1_a" value="AAA"/>