欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-23 08:28:06
...


有时页面上的一些数据信息是通过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返回值的实例分析的详细内容,更多请关注其它相关文章!