js中propoty和attribute的一个区别

Question

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