Javascript innerHtml repeat

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 {表示：なし}： `