Πώς μπορώ να διαγράψω το περιεχόμενο ενός div χρησιμοποιώντας JavaScript;

Όταν ο χρήστης κάνει κλικ σε ένα κουμπί στη σελίδα μου, το περιεχόμενο ενός div θα πρέπει να διαγραφεί. Πώς θα μπορούσα να το επιτύχω αυτό;

Λύση

Απλά Javascript (όπως ζητήθηκε)

Προσθέστε αυτή τη συνάρτηση κάπου στη σελίδα σας (κατά προτίμηση στο ``)

function clearBox(elementID)
{
    document.getElementById(elementID).innerHTML = "";
}

Στη συνέχεια, προσθέστε το κουμπί στο συμβάν κλικ:

Στην JQuery (για αναφορά)

Αν προτιμάτε το JQuery, μπορείτε να το κάνετε:

$("#cart_item").html("");
Σχόλια (7)

Μπορείτε να το κάνετε και με τον τρόπο DOM:

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}
Σχόλια (8)