', முதல் நிலை தலைப்புக்கான '
' போன்ற உள்ளடக்கத்தை எவ்வாறு விளக்குவது என்பதை டேக் பெயர் உலாவிக்கு அறிவுறுத்துகிறது. குறியீட்டின் பல வரிகளைத் தேடுவதற்குப் பதிலாக நேரடியாக.
இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி HTML உறுப்பின் குறிச்சொல்லைப் பெறுவதற்கான முழுமையான செயல்முறையை விளக்குகிறது.
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி HTML உறுப்புகளின் குறிச்சொல்லைப் பெறுவது எப்படி?
ஜாவாஸ்கிரிப்ட் படிக்க-மட்டும் வழங்குகிறது ' டேக் பெயர் ” தொடர்புடைய HTML உறுப்பின் குறிச்சொல் பெயரைக் காண்பிக்கும் பண்பு. இது ஒரு சர மதிப்பை வழங்குகிறது, அதாவது உறுப்பின் குறிச்சொல் பெயர் UPPERCASE.
தொடரியல்
உறுப்பு. டேக் பெயர்
மேலே உள்ள தொடரியல், “ டேக் பெயர் ” என்பது பெறப்பட வேண்டிய உறுப்பின் குறிச்சொல் பெயர்களுடன் ஒத்துள்ளது.
இப்போது, அதனுடன் தொடர்புடைய HTML உறுப்பின் குறிச்சொல்லைப் பெறுவதற்கு அதை எவ்வாறு பயன்படுத்தலாம் என்பதைச் சரிபார்க்க அதன் நடைமுறைச் செயலாக்கத்திற்குச் செல்லலாம்.
எடுத்துக்காட்டு: ஒரு HTML உறுப்புக்கான குறிச்சொல்லைப் பெற 'tagName' பண்புகளைப் பயன்படுத்துதல்
இந்த எடுத்துக்காட்டில், HTML குறியீட்டில் குறிப்பிடப்பட்டுள்ள அனைத்து உறுப்புகளின் குறிச்சொல் பெயர்களையும் '' மூலம் பெறலாம் டேக் பெயர் ”சொத்து.
HTML குறியீடு
பின்வரும் HTML குறியீட்டைப் பார்ப்போம்:
< உடல் கிளிக் செய்யவும் = 'elemName()' >< h2 > ஜாவாஸ்கிரிப்டில் HTML உறுப்புக்கான டேக் பெயரைப் பெறவும் < / h2 >
< ப > இந்த ஆவணத்தின் குறிச்சொல்லைப் பெற, அதில் உள்ள எந்த உறுப்புகளையும் கிளிக் செய்யவும். < / ப >
< பொத்தானை > அதை கிளிக் செய்யவும் < / பொத்தானை >
< ப ஐடி = 'டெமோ' >< / ப >
மேலே உள்ள குறியீட்டு வரிகளில்:
- ' <உடல்> 'குறிச்சொல்' உடன் தொடர்புடையது கிளிக் செய்யவும் 'நிகழ்வு ஜாவாஸ்கிரிப்ட் செயல்பாட்டிற்கு திருப்பி விடப்படுகிறது' elemName() ” என்று ஒரு கிளிக்கில் தூண்டப்படும்.
- ' ” குறிச்சொல் துணைத்தலைப்பை வரையறுக்கிறது.
- ' ” குறிச்சொல் ஒரு பத்தி அறிக்கையை உருவாக்குகிறது.
- ' <பொத்தான்> ” டேக் “கிளிக் இட்” என்ற பட்டனை சேர்க்கிறது.
- இறுதியாக, ' 'குறிச்சொல் ஒரு ஐடியைக் கொண்ட வெற்றுப் பத்தியை வரையறுக்கிறது' டெமோ 'ஆன்க்ளிக்' நிகழ்வு தூண்டுதலில் HTML உறுப்பு குறிச்சொல் பெயரைக் காண்பிக்க.
ஜாவாஸ்கிரிப்ட் குறியீடு
அடுத்து கீழே கொடுக்கப்பட்டுள்ள குறியீட்டிற்குச் செல்லவும்:
< கையால் எழுதப்பட்ட தாள் >செயல்பாடு elemபெயர் ( ) {
நிலையான உறுப்பு = நிகழ்வு. இலக்கு ;
ஆவணம். getElementById ( 'டெமோ' ) . உள் HTML = 'கிளிக் செய்யப்பட்ட HTML உறுப்பு குறிச்சொல் பெயர்: ' + உறுப்பு. டேக் பெயர் ;
}
கையால் எழுதப்பட்ட தாள் >
இந்த குறியீடு தொகுதியில்:
- ' என்றழைக்கப்படும் ஒரு செயல்பாட்டை வரையறுக்கவும் elemName() ”.
- அதன் வரையறையில், மாறியை அறிவிக்கவும் ' உறுப்பு 'தரவு வகை' நிலையான 'அது பயன்படுத்துகிறது' இலக்கு ”உறுப்புப் பெயரை அதன் தொடர்புடைய நிகழ்வு தூண்டும் போது திருப்பியளிக்கும் பண்பு.
- இறுதியாக, விண்ணப்பிக்கவும் ' getElementById() 'சேர்க்கப்பட்ட பத்தியை அதன் ஐடியைப் பயன்படுத்தி அணுகுவதற்கான முறை.
- இது 'ஐப் பயன்படுத்தி தொடர்புடைய HTML உறுப்பின் குறிச்சொல் பெயரைக் காண்பிக்கும். டேக் பெயர் 'ஆன்க்ளிக்' நிகழ்வு சுடும் போது சொத்து.
- HTML குறியீட்டில் உள்ள உறுப்புகளில் ஏதேனும் ஒன்றைக் கிளிக் செய்தால், தொடர்புடைய குறிச்சொல் பெயர் மீட்டெடுக்கப்படும்.
வெளியீடு
வெளியீடு தொடர்புடைய உறுப்பு குறிச்சொல் பெயரைக் காட்டுகிறது, அங்கு 'onclick' நிகழ்வு அதற்கேற்ப சுடுகிறது.
முடிவுரை
ஜாவாஸ்கிரிப்ட் உள்ளமைக்கப்பட்ட ' டேக் பெயர் HTML உறுப்பு குறிச்சொல்லைப் பெறுவதற்கான சொத்து. இது பொதுவாக 'onclick', 'onmouseover', 'ondblclick' போன்ற ஜாவாஸ்கிரிப்ட் நிகழ்வு ஹேண்ட்லர்களுடன் பயன்படுத்தப்படுகிறது. HTML உறுப்புடன் தொடர்புடைய நிகழ்வு எரியும் போது, இயல்புநிலையாக அதன் டேக் பெயரை UPPERCASE இல் வழங்கும். இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி HTML உறுப்பின் குறிச்சொல் பெயரை எவ்வாறு பெறுவது என்பது பற்றிய சுருக்கமான விளக்கத்தை வழங்கியுள்ளது.