首页 > web前端 > html教程 > 使用output标签标注JavaScript返回值的实例分析

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

黄舟
发布: 2017-07-03 10:35:48
原创
1679 人浏览过


有时页面上的一些数据信息是通过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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板