innerHTML和value的效果区别？-慕课网

innerHTML和value的效果区别？

来源：8-17 编程练习

慕函数7042876

2016-10-19 15:10

  <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原理上有什么不同呢？

写回答关注

2回答

慕粉4228637

2016-10-19 20:15:01

已采纳

innerHTML 属性设置或返回开始和结束标签之间的 HTML。
value 表单元素特有的属性，有的元素没有value.
如：<option value="1" id="option1">选项1</option>
document.getElementById("option1").value 为 :1；
documnet.getElementById("option1").innnerHTML为: 选项1.

1 2

慕函数704...

好像懂了,谢谢解答！~ 因为前面学计时器的时候有用document.getElementById("clock").value = attime 这个方法来改变<input type="text" id="clock" size="50"> 里的内容，动态计时的效果又类似，所以搞混了...感谢答主哟~~~

2016-10-20 13:12:12

共 1 条回复 >
qq_指间倖褔_04160304

2016-10-19 17:23:45

肯定是不同的，因为你使用的这个innerHtml的方法是用来获取html的元素内容，像这里就是获取b标签下的文本节点7这个内容，所以你要改变的也是这个，此value并不像java或其他编程语言的value相当于值的意思，所以不能使用value。

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题

innerhtml 和 value的区别？

回答 2

value 和 innerHTML的区别

回答 3

innerHTML和value区别

回答 2

请问 value 和 innerHTML 的区别？

回答 2

innerHTML和value有声明区别？

回答 2

打开慕课网App查看更多内容