                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

2036

操作

收起

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"> 里的内容，动态计时的效果又类似，所以搞混了...感谢答主哟~~~