                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

為什麼我無法用 innerHTML 獲取 <input> 裡的＂音樂＂？

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

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

sz_yeefun

2016-08-31

源自：JavaScript進階篇 9-4

關注問題我要回答

630

操作

收起

2 回答

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

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