Πώς να χρησιμοποιήσετε το GetElementById της JavaScript για την πρόσβαση σε ένα συγκεκριμένο στοιχείο - dummies

Μπορείτε να χρησιμοποιήσετε το JavaScript για να αποκτήσετε πρόσβαση σε ένα στοιχείο μέσα σε μια σελίδα HTML. Μπορείτε να το κάνετε αυτό για να κάνετε αλλαγές στο στοιχείο ή στο στυλ CSS. Δοκιμάστε το σε μια άσκηση.

1. Ανοίξτε τον επεξεργαστή κειμένου σας με ένα νέο ή κενό έγγραφο.

   

2. Στο πρόγραμμα επεξεργασίας κειμένου, τοποθετήστε τα παρακάτω HTML και JavaScript:

   Κεφάλαιο 2 Γεια σας Δεύτερη Γραμμή
   Αυτό είναι σε μια παράγραφο.
   Τελευταία γραμμή var theDiv = έγγραφο. getElementById ("myDiv"); alert ("Το περιεχόμενο είναι" + Διεύθυνση innerHTML);
   

3. Αποθηκεύστε το αρχείο ως getbyid. html στη ρίζα του εγγράφου σας.

   

4. Ανοίξτε το πρόγραμμα περιήγησης ιστού και προβάλετε τη σελίδα στο // localhost / getbyid. html.

   Πρέπει να δείτε μια ειδοποίηση όπως αυτή που εμφανίζεται εδώ.

   

5. Κάντε κλικ στο κουμπί OK για να απορρίψετε την ειδοποίηση και να κλείσετε το πρόγραμμα περιήγησης.

6. Επιστροφή στο getbyid. html στον επεξεργαστή σας, καταργήστε τη γραμμή JavaScript που αρχίζει με ειδοποίηση. Αντικαταστήστε αυτή τη γραμμή με αυτά τα δύο:

   το Βιβλίο. στυλ. border = "3px solid black"; το Διαδύκτιο. innerHTML = "Αυτό έχει αλλάξει τώρα κείμενο.";
   

   Το σύνολο του μπλοκ δέσμης ενεργειών πρέπει τώρα να φαίνεται ως εξής:

   var theDiv = έγγραφο. getElementById ("myDiv"); το Διαδύκτιο. στυλ. border = "3px solid black"; το Διαδύκτιο. innerHTML = "Αυτό έχει αλλάξει τώρα κείμενο.";
   

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