次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'); 

を使用することができます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>