在javascript中動態設置樣式

Question

我必須動態地將邊距設置爲元素。早些時候，它是通過像下面這樣完成的。

var starLink = star.createChild({ 
      tag: 'a', 
      html: this.values[i], 
      href: 'javascript:void',   
      title: this.showTitles ? this.titles[i] : '' 
     }); 

     // Prepare division settings 
     if(this.split) { 
      var odd = (i % this.split);    
      star.setWidth(sw); 
      starLink.setStyle('margin-left', '-' + (odd * sw) + 'px');   
     } 

但現在我改變了我的代碼如下。我將如何在這裏設置保證金？

var starLink = document.createElement('a');   
     starLink.href = 'javascript:void';   
     starLink.title = this.showTitles ? this.titles[i] : ''; 
     starLink.innerHTML = this.values[i]; 
     star.appendChild(starLink); 

// Prepare division settings 
     if(this.split) { 
      var odd = (i % this.split);    
      star.setWidth(sw); 
      starLink.setStyle('margin-left', '-' + (odd * sw) + 'px');    
     } 

Answer 1

如何

var starLink = document.createElement('a');   
starLink.href = 'javascript:void';   
starLink.title = this.showTitles ? this.titles[i] : ''; 
starLink.innerHTML = this.values[i]; 
star.appendChild(starLink); 

// Prepare division settings 
if(this.split) { 
    var odd = (i % this.split);    
    star.setWidth(sw); 
    starLink.style.marginLeft = '-' + (odd * sw) + 'px';    
} 

Answer 2

starLink.style.marginLeft = '10px的' 或 starLink.style.margin = 「0像素0像素0像素」 + X偏移+ 「PX」;