Question

我正在创建一个网站，该网站将在提交表单（例如回复）或玩游戏（例如柜台）后向用户显示一些输出。在MDN上浏览时，我发现了<output>元素，它支持通过Element.value设置内容。在我计划通过Node.textContent显示输出之前。

现在我想知道这些对象之间是否存在语义上的差异。我已经知道IE中不支持<output>，但这不会影响我，我可以使用<output name="test">引用表单中的Form.elements["name"]元素，这对于第一个用例。还有其他我应该知道的重要区别吗？

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Form</title>
    <script>
      function submitFunction(form) {
        form.elements['outputField'].value = 'Hello'
        document.getElementById('outputSpan').textContent = 'World'
        return false
      }
    </script>
  </head>
  <body>
    <form onsubmit="return submitFunction(this)">
      <!-- other form elements -->
      <output name="outputField"></output>
      <span id="outputSpan"></span>
      <button>Submit</button>
    </form>
  </body>
</html>

<output>和Node.textContent之间的区别

0 个答案: