2016-07-06 13 views
0

Ich schreibe das innerHtml, aber das Div wiederholte sich immer wieder. Ich weiß nicht, wie ich es lösen soll. Danke für die Hilfe.Javascript innerHtml wiederholen

Mein Code unten:

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 = ''; 
    } 
} 
+0

Wissen Sie, wie groß eine Zahl ist das: ' zer00ne

+0

Können Sie ein JSFiddle erstellen? – mwilson

+0

Die Nummer ist 31 – user1735815

Antwort

0

Ich habe Klasse geändert und verwendet CSS nicht von
Wiederholung angezeigt werden soll.

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 {display: none}