hinzufügen zyklisch Steuerung weiter zum nächsten Element lastchild

Question

Das ist meine Idee:

var add = document.getElementById('div'); 
while(add.childElementCount>0){ 
    add+='.lastChild'; 
    if(typeof add.childElementCount === 'undefined'){ 
     add.appendChild(myNewChild); 
     break; 
    } 
} 

Ich brauche jedes Mal, wenn ich den Zyklus laufen hinzuzufügen lastchild, weil ich das letzte Kind des letzten Behälters wissen müssen. Ich weiß, dass add add+='.lastChild'; Keine Anweisung berechnet ist, dass es immer undefiniert ist, weil es keine Eigenschaft, sondern eine Zeichenfolge ist, aber wie füge ich eine echte Eigenschaft hinzu ... Ich hoffe, ich würde add+='.lastChild'; ersetzen, mit echte Aussage, dass dies Eigenschaften hinzufügen.

Answer 1

Ich muss lastChild jedes Mal hinzufügen, wenn ich den Zyklus ausführen, weil ich das letzte Kind des letzten Containers kennen muss.

können Sie die :last-child CSS pseudoselector verwenden:

// Directly from MDN

li:last-child { 
 
    background-color: lime; 
 
}

<ul> 
 
    <li>This item is not limed.</li> 
 
    <li>Also not this one.</li> 
 
    <li>This item is! :)</li> 
 
</ul>

Wenn Sie aus irgendeinem Grund dafür in JavaScript aussehen müssen, haben Sie immer als

let item = parent_element.querySelector(':last-child'); 

verwenden können in

console.dir(document.querySelector('li:last-child'));

li:last-child { 
 
    background-color: lime; 
 
}

<ul> 
 
    <li>This item is not limed.</li> 
 
    <li>Also not this one.</li> 
 
    <li>This is the last child li!</li> 
 
</ul>