JavaScript设置属性样式

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

在第二个例子中，位置和左侧完全被忽略了。无论是否有这两行代码，结果都相同。只有在我添加 "prev.style.left" 时才起作用，位置也是一样。但是setAttribute可以用于高度和宽度。我真的需要知道为什么。

- user308553

Answer 1

position和left不是属性，它们是样式。

width、height和id可以用作属性或样式，这就是为什么它们在您的第二个示例中起作用的原因。

- Timm