一個循環控件添加到下一個lastChild元素

Question

這是我的想法：

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

我需要，因爲我需要知道最後一個容器的最後一個子每次運行週期時間增加lastChild。 我知道，加add+='.lastChild';不收取任何指令，它總是未定義，因爲它不是一個屬性，但一個字符串，但我如何添加一個不動產... 我希望它被理解，我會取代add+='.lastChild';，與真正的聲明，這個添加屬性。

Answer 1

我每次運行循環時都需要添加lastChild，因爲我需要知道最後一個容器的最後一個孩子。

可以使用:last-child CSS pseudoselector：

// 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>

如果你需要看它在JavaScript出於某種原因，你仍然可以使用

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

爲在

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>