javascript setAttribute样式

Question

我不知道以下两个javascript / css代码如何产生不同的结果：

第一

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');

在第二个中，位置和左侧完全被忽略。具有2行代码并且没有代码的结果相同。

只有当我放置prev.style.left时才有效，与位置相同。但是setAttribute适用于高度和宽度。我真的需要知道为什么

Answer 1

position和left不是属性，而是样式。

width，height和id可以用作属性或样式，这就是他们在第二个示例中使用的原因。