使用output标签标注JavaScript返回值的实例分析
时间：2020-11-27
来源：乌哈旅游
有时页面上的一些数据信息是通过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>