2011-12-14 59 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"/>