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可以作为属性或样式,这就是为什么他们在你的第二个例子工作.