Πώς να αφαιρέσει ένα στοιχείο με JavaScript

Αυτό είναι ένα απλό παράδειγμα της σελίδας για να αποδειχθεί η αρχή για την κατάργηση ενός στοιχείου HTML , ώστε η σελίδα να περιέχει μόνο το στοιχείο που πρέπει να αφαιρεθεί . Το στοιχείο έχει εκχωρηθεί ένα " onclick " λειτουργία , που σημαίνει ότι όταν ο χρήστης κάνει κλικ , μια λειτουργία JavaScript θα κληθεί και το στοιχείο "id " χαρακτηριστικό πέρασε . 2

Δημιουργήστε τη λειτουργία JavaScript. Εισάγετε μια περιοχή για κωδικό στο τμήμα της κεφαλής της σελίδας σας , ανάμεσα στο άνοιγμα και το κλείσιμο ετικέτες κεφάλι :

Αυτό αντιπροσωπεύει τη λειτουργία που καλείται κλικ στο στοιχείο σελίδας . Παρατηρήστε ότι το όνομα της συνάρτησης αντιστοιχεί στο στοιχείο " onclick " λειτουργία. Η παράμετρος " διαιρώντας " αντιπροσωπεύει την αξία ID περάσει, όταν το στοιχείο έχει πατηθεί.
Εικόνων 3

Εντοπίστε το στοιχείο που πατήσατε . Προσθέστε την ακόλουθη μέσα από τη λειτουργία σας JavaScript , ανάμεσα στο άνοιγμα και το κλείσιμο παρένθεση λειτουργίας :

var childElem = document.getElementById ( διαιρώντας ) ?

Αυτό χρησιμοποιεί την τιμή που διαβιβάστηκε ID για να εντοπίσετε το στοιχείο στο πλαίσιο της Η σελίδα HTML . Η μεταβλητή " childElem " κατέχει πλέον ένα δείκτη στο στοιχείο που έχει πατηθεί . Μπορείτε έπειτα να χρησιμοποιήσετε αυτή την αναφορά για περαιτέρω επεξεργασία .
Η 4

Εντοπίστε το γονικό στοιχείο του στοιχείου που πατήσατε . Για να καταργήσετε ένα στοιχείο , πρέπει να αποκτήσετε μια αναφορά προς τη μητρική της , στη συνέχεια, να αναθέσει αυτό το στοιχείο για να καταργήσετε το στοιχείο παιδί που προσπαθεί να καταστρέψει . Προσθέστε τον ακόλουθο κώδικα για να αποκτήσετε μια αναφορά στη μητρική :

var parentElem = childElem.parentNode ?

Κωδικό σας έχει τώρα μια αναφορά στο στοιχείο που πρέπει να αφαιρεθεί και γονικό στοιχείο του

5

Αφαιρέστε το στοιχείο από τη σελίδα σας . Προσθέστε τον ακόλουθο κώδικα , τη διενέργεια της επιχείρησης απομάκρυνσης :

parentElem.removeChild ( childElem ) ?

Αυτό απαιτεί μια μέθοδο για το γονικό στοιχείο , καθοδηγώντας το να αφαιρέσετε το στοιχείο του παιδιού καθορίζεται ως παράμετρος . Αποθηκεύστε το αρχείο σας και να ανοίξετε τη σελίδα σας σε ένα πρόγραμμα περιήγησης στο Web για να το δοκιμάσετε . Κάντε κλικ στο κείμενο στοιχείο και θα τη δείτε να εξαφανίζονται . Για να δοκιμάσετε ξανά , ανανεώστε τη σελίδα και κάντε κλικ ξανά .
Η
εικόνων