Я создаю веб-сайт, который покажет пользователю некоторую информацию после отправки формы (например, ответа) или во время игры (например, счетчика). Во время серфинга по MDN я обнаружил элемент <output>, который поддерживает настройку контента через Element.value. Раньше я планировал показать вывод через Node.textContent.
. Теперь мне интересно, какие семантические различия существуют между этими объектами. Я уже знаю, что <output> не поддерживается в IE, но это не влияет на меня, и я могу ссылаться на <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>