divからx pタグを削除するには

Question

divにはjavascriptで更新されたdivがあり、javascriptは新しいpタグをdivに追加します。それが乱雑にならないように、私は定義されたpタグの量をdivから取り除きたい。 divの先頭からx p個のタグを削除すると、最初に削除されたのは

のテキスト

の2番目の

のテキスト1

などのようになります。

<div id="messages"> 
<p>text</p> 
<p>text1</p> 
<p>text2</p> 
<p>text3</p> 
<p>text4</p> 
<p>text5</p> 
</div> 

とjQueryずに喜ば： div要素は次のようになります。 jquery how to remove the first x div's? それはそれは私にこのようにお時間を

感謝:)

Answer 1

let count = 0; 
 

 
function add() { 
 
    let messages = document.getElementById('messages'); 
 
    let newMessage = document.createElement('div'); 
 
    newMessage.innerText = 'text' + count; 
 
    count++; 
 

 
    messages.appendChild(newMessage); 
 

 
    if (count > 5) messages.removeChild(messages.firstElementChild); 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div id="messages" class="row"></div> 
 
    <div class="row"><button onclick="add()">Add</button></div> 
 
</div>

Answer 2

を助けていないだけでjQueryを使ってありますよう;： はまったく同じ質問はこれです]、最後の3つを削除しています

var div = document.getElementById('messages'); 
 
var removeItem = 3; 
 
for(var i = div.children.length - 1; i >= removeItem; i--) { 
 
    div.removeChild(div.children[i]); 
 
}

<div id="messages"> 
 
<p>text</p> 
 
<p>text1</p> 
 
<p>text2</p> 
 
<p>text3</p> 
 
<p>text4</p> 
 
<p>text5</p> 
 
</div>