W3C错误doc错误？输出标签浏览器支持

Question

看着参考页面在这里： http://www.w3.org/TR/html5/offline.html我复制并粘贴在我的服务器上的代码这里在单独的文件。 所有页面都正确链接，但时钟不会显示。 只是为了仔细检查，这不是我的“服务器配置”我把它放在jsfiddle.net 这里： http ： //jsfiddle.net/reggi/Dy8PU/ 。

失败： MAC / FIREFOX 3.6.13
获胜： MAC / FIREFOX 4.0.b8

这个虚拟示例代码？

<!-- clock.html -->
<!DOCTYPE HTML>
<html>
 <head>
  <title>Clock</title>
  <script src="clock.js"></script>
  <link rel="stylesheet" href="clock.css">
 </head>
 <body>
  <p>The time is: <output id="clock"></output></p>
 </body>
</html>

/* clock.css */
output { font: 2em sans-serif; }

/* clock.js */
setTimeout(function () {
    document.getElementById('clock').value = new Date();
}, 1000);

更新：

上面的W3C代码仅适用于某些浏览器的最新Beta版本
下面是一些可行的当前javascript解决方法

Answer 1

尝试这个：

http://jsfiddle.net/Dy8PU/6/

Answer 2

在HTML5中，Output标签没有.value（此时在大多数浏览器实现中）。 如果您希望将一些文本添加为子元素，则需要将其更改为使用.innerHTML。

/* clock.js */
setTimeout(function () {
    document.getElementById('clock').innerHTML = new Date();
}, 1000);

Answer 3

实际上<output>确实具有.value属性，但尚未实现。

W3C错误doc错误？输出标签浏览器支持

问题描述

3 个解决方案

解决方案1
1 已采纳 2011-01-07 02:33:57

解决方案2
1 2011-01-07 02:38:44

解决方案3
0 2011-01-07 02:55:33

W3C错误doc错误？ 输出标签浏览器支持

问题描述

3 个解决方案

解决方案1 1 已采纳 2011-01-07 02:33:57

解决方案2 1 2011-01-07 02:38:44

解决方案3 0 2011-01-07 02:55:33

W3C错误doc错误？输出标签浏览器支持

解决方案1
1 已采纳 2011-01-07 02:33:57

解决方案2
1 2011-01-07 02:38:44

解决方案3
0 2011-01-07 02:55:33