javascript - .getAttribute("value") と .value だけの違い

Question

2種類の使い方を見てきました

var name = document.getElementById("username").value;

また

var name = document.getElementById("username").getAttribute("value");

setAttribute についても同様です。setAttribute がいずれかのフィールド (非表示フィールド) で機能し、別のフィールド (非表示ではない) では機能しないフォームがあり、使用する必要があります

document.getElementById("username").value = "something"

フィールドを設定するには

うまくいかないということは、setAttributeを使用してもフィールドが設定されないということです。本来の価値を保っています。

では、これら2つの方法の違いは何ですか? ある方法を使用するときと別の方法を使用するときのルールはありますか?