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

在第二个中，position 和 left 被完全忽略了。有 2 行代码和没有它们的结果是一样的。

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

Answer 1

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

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