javascript设置属性样式

我不明白下面两个javascript/css代码如何产生不同的结果：

第一：

第二：

在第二种情况下，位置和左侧被完全忽略。有两行代码和没有这两行代码的结果是一样的

---

只有当我把

prev.style.left

放在位置上时，它才起作用。但是，setAttribute适用于高度和宽度。我真的需要知道为什么

位置

和

左侧

不是属性，而是样式

width

、

height

和

id

可以用作属性或样式，这就是它们在第二个示例中起作用的原因

prev.setAttribute('style', 'position:absolute;left:-70px;opacity:0.4;border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;');

            prev.setAttribute('style', 'opacity:0.4;border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;');
            prev.setAttribute('height', size);
            prev.setAttribute('width', size);
            prev.setAttribute('id', 'thumb'+i);
            prev.setAttribute('position', 'absolute');
            prev.setAttribute('left', '-70px');