javascript - JavaScript での setAttribute メソッドの使用

Question

コード：

activeCell.onclick = function()
{
    console.log(element);
    element.value = this.value;
    console.log(element.value);
    console.log(element);
};

activeCellはvalue = "678"のスパンですが、要素は単純な入力タグ () であるとしましょう

<input id="calendar" value="123" />

出力：

<input id="calendar" value="123">
678
<input id="calendar" value="123">

文字列123は678に置き換えられますが、入力タグの値は変更されません。ただし、メソッド setAttribute を使用すると、出力値が変更されます。

element.setAttribute("value", this.value);

以前からelement.value = XXXを使用していましたが、機能していました...違いは何ですか?