10

次の2つのjavascript/cssコードがどのように異なる結果を生成するのかわかりません:

1位：

prev.setAttribute('style', 'position:absolute;left:-70px;opacity:0.4;border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;');

2番目:

            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 つ目では、position と left は完全に無視されます。2 行のコードがある場合とない場合の結果は同じです。

を配置した場合にのみ機能prev.style.leftします。位置と同じです。ただし、setAttribute は高さと幅に対して機能します。私は本当に理由を知る必要があります

4

1 に答える 1

14

positionとleftは属性ではなく、スタイルです。

width、属性またはスタイルとして使用できるため、2番目の例で機能しますheight。id

于 2013-09-29T16:24:21.100 に答える