js中propoty和attribute的一个区别

Question

为什么会出现上图这种情况能通过property修改class 使attribute和property都变化但是 通过property却只能修改value都property 无法修改attribute再具体点说就是为什么通过 i1.value ='...' 没有改变i1的html但是通过 div1.classname='...' 改变的div1的html？