מאמר זה מדגים את אלמנט ה-DOM 'clientTop' יחד עם יישום מעשי ב-HTML.
כיצד להשתמש ברכיב DOM 'clientTop' ב-HTML?
המאפיין 'clientTop' שימושי לעבודה עם הפריסה והמיקום של רכיבי HTML בזמן יצירת דפי אינטרנט. מה שבתמורה עוזר ביצירת פריסות אתר רספונסיביות ודינמיות
דוגמא
תן לנו דוגמה להבנה טובה יותר של המאפיין 'clientTop'. לדוגמה, משקל הגבול מהמיקום העליון מוערך בדוגמה זו:
< גוּף >
< h3 תְעוּדַת זֶהוּת = 'דוגמא' > מאמר מסופק על ידי Linuxhint להסבר טוב יותר < / h3 >
< / גוּף >
ראשית, בתוך ' <גוף> ' תג צור ' 'תייגו וספקו לו כמה נתוני דמה. כמו כן, הקצה מזהה של ' דוגמא ' עם זה.
< סִגְנוֹן >
#דוגמא {
גבול : 2px שחור מלא;
ריפוד: 10px;
רקע כללי- צֶבַע : אפור בהיר;
}
< / סִגְנוֹן >
לאחר מכן, בתוך ' <סגנון> ' תג בחר את ' דוגמא ' id והגדר את הערך של ' ירוק יער מוצק בגודל 2 פיקסלים ' אל ה ' גבול ' תכונה. כמו כן, החל קצת סטיילינג בסיסי באמצעות ' ריפוד ' ו' צבע רקע ' מאפיינים למטרות הדמיה טובה יותר.
לאחר ביצוע הקוד האמור לעיל, דף האינטרנט מופיע כך:
הפלט מציג שרכיבי div ו-h3 מוצגים בדף האינטרנט עם סגנון בסיסי.
השתמש במאפיין 'clientTop'.
כדי להשתמש ב' clientTop ' מאפיין ברכיב HTML, הוסף את שורות הקוד הבאות בתוך '