问.setAttribute vs .attribute=背后发生了什么？

EN

描述：

我使用简单的javascript来设置input的值。我使用了多个看似相同但结果不同的方法。下面是一个示例：

HTML：

<input name="testinput" value="" type="text" />

Javascript:

var input = document.getElementByTagName('input')[0];
input.value = "5"

console.log(input.value) // returns "5"
console.log(input.getAttribute("value")) // returns ""

当然，在使用setAttribute()函数时，功能是相反的。然而，当表单提交时，它们都会给出一个input=5结果。

问题：

分离这两个属性的意义是什么？.value的存储方式是否与.getAttribute("value")不同？

免责声明：

我已经读过了：

• When to use setAttribute vs .attribute= in JavaScript?
• Setting a property via property or setAttribute

这两个问题/答案都让我感到困惑和不满意。