我不明白以下两个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适用于高度和宽度.我真的需要知道为什么

解决方法:

position和left不是属性,而是样式.

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