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

innerHTML和value的效果區別？

??<p>
????<b?id="a">7</b>秒后回到主頁&nbsp<a?href="javascript:goBack()">返回</a>
??</p>
??
??<script?type="text/javascript">??
??????var?sec=document.getElementById("a")
??????var?i=7;
??????setInterval(function?(){
??????????i--;
??????????sec.innerHTML=i;

? ? ? 在上面的代碼里如果把最后一行的sec.innerHTML=i 換成sec.value=i ，就不能實現數字倒計時的效果，顯示的一直都是“7秒后回到主頁“，這是為什么呢？ value不能重復賦值嗎？求解釋呀...innerHTML和value原理上有什么不同呢？

慕函數7042876

2016-10-19

源自：JavaScript進階篇 8-17

關注問題我要回答

1967

操作

收起

2 回答

慕粉4228637 回答被采納 +3 積分
2016-10-19

innerHTML 屬性設置或返回開始和結束標簽之間的 HTML。

value 表單元素特有的屬性，有的元素沒有value.

如：<option value="1" id="option1">選項1</option>

document.getElementById("option1").value? 為 :1；

documnet.getElementById("option1").innnerHTML為: 選項1.

2 回復有任何疑惑可以回復我~

收起回答

慕函數7042876 提問者

好像懂了,謝謝解答！~ 因為前面學計時器的時候有用document.getElementById("clock").value = attime 這個方法來改變<input type="text" id="clock" size="50"> 里的內容，動態計時的效果又類似，所以搞混了...感謝答主喲~~~