Javascript innerHtml重複

Question

我在寫innerHtml，但div一次又一次地重複。我不知道如何解決。感謝幫助。

我下面的代碼：

for(b=0; b<Object.keys(getCurrentAM).length; b++){ 

    var num = Object.keys(getCurrentAM)[b]; 
    var dutyData = getCurrentAM[num]; 

    var res = num.replace("A", "P"); 
    var newD2 = num.replace("A", ""); 

    var amDuty = document.getElementById('' + num + '_amDuty'); 
    var locationDuty = document.getElementById('' + num + '_locationDuty'); 
    var pmDuty = document.getElementById('' + res + '_pmDuty'); 

    amDuty.style.display = 'block'; 
    locationDuty.style.display = 'block'; 
    pmDuty.style.display = 'block'; 

    if ((amDuty.getElementsByTagName('na').length == 0) && (locationDuty.getElementsByTagName('na').length == 0) && (pmDuty.getElementsByTagName('na').length == 0)){   

     amDuty.innerHTML = '<div class="dutyChangeSize">'+ amDuty.innerHTML + '<br/>' + locationDuty.innerHTML + '<br/>' + pmDuty.innerHTML + '</div>'; 
     locationDuty.innerHTML = ''; 
     pmDuty.innerHTML = ''; 
    } 
} 

Answer 1

我已經改變了階級和CSS來不顯示的
重複。

for(b=0; b<Object.keys(getCurrentAM).length; b++){ 

var num = Object.keys(getCurrentAM)[b]; 
var dutyData = getCurrentAM[num]; 

var res = num.replace("A", "P"); 
var newD2 = num.replace("A", ""); 

var amDuty = document.getElementById('' + num + '_amDuty'); 
var locationDuty = document.getElementById('' + num + '_locationDuty'); 
var pmDuty = document.getElementById('' + res + '_pmDuty'); 

amDuty.style.display = 'block'; 
locationDuty.style.display = 'block'; 
pmDuty.style.display = 'block'; 

if ((amDuty.getElementsByTagName('na').length == 0) && (locationDuty.getElementsByTagName('na').length == 0) && (pmDuty.getElementsByTagName('na').length == 0)){   

    amDuty.className = "dutyChangeSize"; 

    amDuty.innerHTML = ''+ amDuty.innerHTML + '<br/>' + locationDuty.innerHTML + '<br/>' + pmDuty.innerHTML + ''; 
    locationDuty.innerHTML = ''; 
    pmDuty.innerHTML = ''; 
} 
    } 

- > CSS

BR + BR {顯示：無}