                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為什麼我無(wú)法用 innerHTML 獲取 <input> 裡的＂音樂(lè)＂？

<form>
????<input?type="checkbox"?name="hobby"?id="hobby1">音樂(lè)
????<input?type="checkbox"?name="hobby"?id="hobby2">登山
</form>
<script?type="text/javascript">
????var?input=document.getElementsByTagName("input");
????document.write(input[0].innerHTML);?//結(jié)果為無(wú)
????document.write(input.innerHTML);?//結(jié)果為1??←?我自己搞錯(cuò)了?2016.08.31
????document.write(input[0].value);?//結(jié)果為on
</script>

為什麼我無(wú)法用?input[0].innerHTML?獲取到?<input>?裡的＂音樂(lè)＂？
如果不指定索引，直接用?innerHTML?就會(huì)獲取到?1，為什麼？?←?我自己搞錯(cuò)了?2016.08.31
為什麼我用?input[0].value?獲取到的是?on？?on?是什麼意思？

sz_yeefun

2016-08-31

源自：JavaScript進(jìn)階篇 9-4

關(guān)注問(wèn)題我要回答

625

操作

收起

2 回答

冉苒_yu 回答被采納 +3 積分
2016-08-31

1.因?yàn)?lt;input>并沒(méi)有和后面text的內(nèi)容綁定，可以改成<label><input?type="checkbox"?name="hobby"?id="hobby1">音樂(lè)</label>?將復(fù)選框和text綁定（之前為了onclick文字就選中復(fù)選框的時(shí)候就是這么干的）再輸出“音樂(lè)”，另外也可以用ocument.write(input[0].nextSibling.nodeValue);輸出“音樂(lè)”
2.我的?input.innerHTML輸出為“undefined”，沒(méi)什么問(wèn)題；
3.input[0].value輸出的checkbox的值，在value未指定屬性時(shí)，輸出“on”