Jeśli chcesz wyczyścić div I usunąć wszystkie węzły potomne, możesz umieścić:

var mydiv = document.getElementById('FirstDiv');
while(mydiv.firstChild) {
  mydiv.removeChild(mydiv.firstChild);
}

TargetNode.remove ()

Jest to zalecane przez W3C od końca 2015 roku i jestvanilla JS . Znacznie lepiej/czystsze niż poprzednia metoda.

Dla Twojego przypadku użycia:

document.getElementById("FirstDiv").remove();

Jeśli potrzebujesz polyfill, aby zapewnić kompatybilność wsteczną:

if (!('remove' in Element.prototype)) {
    Element.prototype.remove = function() {
        if (this.parentNode) {
            this.parentNode.removeChild(this);
        }
    };
}

Mozilla Docs

Obsługiwane Przeglądarki - 92% Mar 2018

Musisz usunąć wszelkie procedury obsługi zdarzeń ustawione na węźle przed usunięciem go, aby uniknąć wycieków pamięci w IE

A jQuery solution

HTML

<select id="foo">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

Javascript

// remove child "option" element with a "value" attribute equal to "2"
$("#foo > option[value='2']").remove();

// remove all child "option" elements
$("#foo > option").remove();

Bibliografia:

Atrybut równa się Selektor [nazwa = wartość]

Wybiera elementy, które mają określony atrybut z wartością dokładnie równa pewnej wartości.

Child Selector ("rodzic > dziecko")

Wybiera wszystkie bezpośrednie elementy potomne określone przez" dziecko " elementów określone przez "parent"

.usunąć()

Podobne do .empty(), the .usunąć() metoda pobiera elementy z drzewa DOM. Używamy .Usuń () gdy chcemy usunąć sam element, jak również wszystko w środku. Oprócz same elementy, wszystkie związane zdarzenia i dane jQuery związane z elementy są usuwane.

Użyj następującego kodu:

//for Internet Explorer
document.getElementById("FirstDiv").removeNode(true);

//for other browsers
var fDiv = document.getElementById("FirstDiv");
fDiv.removeChild(fDiv.childNodes[0]); //first check on which node your required node exists, if it is on [0] use this, otherwise use where it exists.

    var p=document.getElementById('childId').parentNode;
    var c=document.getElementById('childId');
    p.removeChild(c);
    alert('Deleted');

P jest węzłem nadrzędnym, a c węzłem podrzędnym
parentNode jest zmienną JavaScript, która zawiera odniesienie do rodzica

Easy to understand

Powinieneś umieć korzystać zMetoda RemoveNode węzła lub .Metoda RemoveChild węzła nadrzędnego.

Prawdopodobnie powinieneś użyć biblioteki JavaScript, aby robić takie rzeczy.

Na przykład MochiKit ma funkcję removeElement , a jQuery ma remove.