使用output标签标注JavaScript返回值的实例分析

黄舟原创: 2017-07-03 10:35:48 1307浏览

有时页面上的一些数据信息是通过js计算后填入的。在过去，开发人员常常会将<span>元素作为占位符，并指定一个ID属性，这样JavaScript代码就可以在计算时找到它并填入数据。
HTML5中，建议使用<output>作为占位符使语义更加清晰，用法实际和以前的<span>是一样的。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>随机数生成</title>
  <script>
    function run(){
        var resultElement = document.getElementById("result");
        resultElement.value = Math.random();
    }
  </script>
</head>
<body>
  <p>随机数：<output id="result"></output></p>
  <input type="button" value="生成" onclick="run()">
</body>
</html>

以上就是使用output标签标注JavaScript返回值的实例分析的详细内容，更多请关注php中文网其它相关文章！

JavaScript output js PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：html5中的output标签和canvas标签实现贪吃蛇下一条：html5中output标签有什么用？