重複するページ要素の削除 - Javascript

Question

特定のタグを持つ要素のリストを取得し、複数のループがあり、追加の要素を削除する場合は、

if (document.getElementsByName("description")[0]) { 
    document.getElementsByName("description")[0].setAttribute("content", "My Description"); 
} else { 
    var meta = document.createElement('meta'); 
    meta.name = "description"; 
    meta.content = "My Description"; 
    document.getElementsByTagName('head')[0].appendChild(meta); 
} 

しかし、私は最初の要素の後にあるものを削除する：

現在、私はいますか？どうすればいい？

Answer 1

あなたはこれを行うことができます。

[...document.getElementsByTagName('span')].slice(1).forEach(e=>e.parentNode.removeChild(e)); 
[...document.getElementsByTagName('div')].slice(1).forEach(e=>e.parentNode.removeChild(e)); 

まず、特定のタグ名を持つすべての要素を選択します。それを配列に変換してください（この場合はスプレッド演算子で、[].slice.call(...)も使用できます）。その後、その配列のsliceを呼び出して、このセットの最初のものを取り除くことができます。 :)初心者のための

EDITソリューション：。

var elements = document.getElementsByTagName('span'); 
for(var i=elements.length-1;i>0;i--) 
    elements[i].parentNode.removeChild(elements[i]); 

Answer 2

あなたは[0]ヘッダに、あなたが使用することができます説明の後に何をカットしたい場合はその 「document.getElementsByTagName [ "ヘッド"] innerHTMLプロパティ= ";"

あなただけの任意の説明タグをカットしたい場合は、

var tags = document.getElementsByTagName('description'); 
for(i=0; i<tags.length; i++){ 
    tags[i].remove(); 
}