Πώς μπορείτε να διαπιστώσετε τις συντεταγμένες ενός στοιχείου σε JavaScript

; Οι συντεταγμένες της οθόνης ενός στοιχείου καθορίζονται στη δήλωση του στυλ και αποθηκεύονται από το πρόγραμμα περιήγησης στο πλαίσιο του Document Object Model ( DOM ) της εμφανιζόμενης σελίδας HTML . Κάθε στοιχείο εντός του DOM δίνεται μια συμβολοσειρά ταυτότητας ( id ) . Ο κώδικας JavaScript μπορεί να έχει πρόσβαση σε ένα ιδιαίτερο στοιχείο με αυτό τον όρο ταυτότητα ως σημείο αναφοράς και να αποκτήσει τις συγκεκριμένες τιμές για την «αριστερά» και «top» συντεταγμένες των στοιχείων μέσα στο παράθυρο του προγράμματος περιήγησης . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Ανοίξτε ένα νέο αρχείο στον επεξεργαστή κειμένου και να το αποθηκεύσετε ως " coordinates.HTML . " Γράψτε ή να αντιγράψετε αυτό το έγγραφο HTML κώδικα δήλωσης στο αρχείο !

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >

2

Γράψτε ή να αντιγράψετε αυτό το HTML κώδικα μέσα στο αρχείο : .

<τύπος style = " text /css " >

# κουτί

{

θέση: απόλυτη?

z - index : 1 ?

ορατότητα : ορατή?

πλάτος: 10.0em ?

ύψος : 5.0em ?

top : 1.0em ?

αριστερά : 1.0em ?

σύνορα : 2px solid # ccc ?

- moz - σύνορα - ακτίνα: 0.5em ?

- webkit - σύνορα - ακτίνα: 0.5em ?

text-align : center ?

padding : 1.0em ?

}

p {

font-size : 1.2em ?

font-weight : 900 ?
χρώμα

: # 000000 ?

}

εικόνων
3

Γράψτε ή να αντιγράψετε αυτό το HTML κωδικοποίηση στο αρχείο :

?
Η

4 Αποθηκεύστε το αρχείο και να το ανοίξετε στο πρόγραμμα περιήγησης στο web . Αγγίξτε το στοιχείο και θα προχωρήσουμε σε μια νέα θέση μέσα στο παράθυρο του προγράμματος περιήγησης και να εμφανίσει το « αριστερά » και « κορυφαία » τιμές των συντεταγμένων .
Η
εικόνων