இந்தக் கட்டுரை HTML இல் நடைமுறைச் செயலாக்கத்துடன் DOM உறுப்பான “clientTop” ஐ விளக்குகிறது.
HTML இல் DOM உறுப்பு 'clientTop' ஐ எவ்வாறு பயன்படுத்துவது?
'clientTop' பண்பு வலைப்பக்கங்களை உருவாக்கும் போது HTML உறுப்புகளின் தளவமைப்பு மற்றும் பொருத்துதலுடன் வேலை செய்ய பயனுள்ளதாக இருக்கும். பதிலுக்கு இது பதிலளிக்கக்கூடிய மற்றும் மாறும் இணையதள தளவமைப்புகளை உருவாக்க உதவுகிறது
உதாரணமாக
'clientTop' சொத்தை நன்கு புரிந்து கொள்ள ஒரு உதாரணம் இருக்கட்டும். உதாரணமாக, மேல் நிலையில் இருந்து எல்லையின் எடை இந்த எடுத்துக்காட்டில் மதிப்பிடப்படுகிறது:
< உடல் >
< h3 ஐடி = 'உதாரணமாக' > சிறந்த விளக்கத்திற்காக Linuxhint வழங்கிய கட்டுரை < / h3 >
< / உடல் >
முதலில், உள்ளே ' <உடல்> 'குறிச்சொல்லை உருவாக்கு' ” குறிச்சொல்லிட்டு அதற்கு சில போலித் தரவை வழங்கவும். மேலும், ஒரு ஐடியை ஒதுக்கவும் உதாரணமாக ' இதனுடன்.
< பாணி >
#உதாரணமாக {
எல்லை : 2px திட கருப்பு;
திணிப்பு: 10px;
பின்னணி - நிறம் : மெல்லிய சாம்பல் நிறம்;
}
< / பாணி >
அதன் பிறகு, உள்ளே ' <பாணி> 'குறிச்சொல்லைத் தேர்ந்தெடுக்கவும்' உதாரணமாக ஐடி மற்றும் மதிப்பை அமைக்கவும் 2px திட காடுபச்சை 'க்கு' எல்லை ”சொத்து. மேலும், சில அடிப்படை ஸ்டைலிங் பயன்படுத்தவும் ' திணிப்பு 'மற்றும்' பின்னணி நிறம் 'சிறந்த காட்சிப்படுத்தல் நோக்கங்களுக்கான பண்புகள்.
மேலே குறிப்பிடப்பட்ட குறியீட்டைச் செயல்படுத்திய பிறகு, வலைப்பக்கம் இப்படித் தோன்றும்:
div மற்றும் h3 கூறுகள் அடிப்படை ஸ்டைலிங்குடன் இணையப் பக்கத்தில் காட்டப்படுவதை வெளியீடு காட்டுகிறது.
'clientTop' சொத்தை பயன்படுத்தவும்
பயன்படுத்த ' கிளையன்டாப் HTML உறுப்பில் உள்ள சொத்து, பின்வரும் குறியீட்டின் வரிகளை உள்ளே சேர்க்கவும்