ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி உடலில் ஒரு குறிப்பிட்ட வகுப்பு உள்ளதா எனச் சரிபார்க்கவும்

Javaskiriptaip Payanpatutti Utalil Oru Kurippitta Vakuppu Ullata Enac Cariparkkavum



ஒரு இணையப் பக்கம் அல்லது தளத்தை வடிவமைக்கும் போது, ​​டெவலப்பரின் முடிவில் ஒரு பிரத்யேக வகுப்பிற்கு எதிராக இதே போன்ற செயல்பாடுகளை வரிசைப்படுத்துவதற்கான சாத்தியம் இருக்கும். எடுத்துக்காட்டாக, ஒரு குறிப்பிட்ட வலைப்பக்கத்தை அதே உறுப்புக்கு ஒதுக்குவது, ஆனால் விஷயங்களைப் பொருத்தமானதாக மாற்ற ஒரு தனித்துவமான வகுப்பைக் கொண்டது. இது போன்ற சூழ்நிலைகளில், ஒரு குறிப்பிட்ட வகுப்பு உள்ளதா எனச் சரிபார்ப்பது பல்வேறு செயல்பாடுகளை எளிதாக அணுகுவதற்கும், புதுப்பித்தல் செயல்முறைகளுக்கும் உதவுகிறது.

இந்தக் கட்டுரையானது JavaScript ஐப் பயன்படுத்தி ஒரு குறிப்பிட்ட வகுப்பு உள்ளதா என்பதைச் சரிபார்க்கும் அணுகுமுறைகளை விளக்குகிறது.

ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி உடலில் ஒரு குறிப்பிட்ட வகுப்பு இருக்கிறதா என்று எப்படிச் சரிபார்க்கலாம்?

ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஒரு உடல் குறிப்பிட்ட வகுப்பு உள்ளதா என்பதைச் சரிபார்க்க, பின்வரும் அணுகுமுறைகளைப் பயன்படுத்தவும்:





  • ' வகுப்பு பட்டியல் 'சொத்து மற்றும்' கொண்டுள்ளது() ”முறை.
  • ' getElementsByTagName() 'மற்றும்' பொருத்துக() ”முறைகள்.
  • ' jQuery ”.

ஒவ்வொரு அணுகுமுறையையும் ஒவ்வொன்றாக விளக்குவோம்!



அணுகுமுறை 1: ஜாவாஸ்கிரிப்ட்டில் ஒரு குறிப்பிட்ட வகுப்பு உள்ளதா என்பதைச் சரிபார்க்கவும்.

' வகுப்பு பட்டியல் ”பண்பு ஒரு தனிமத்தின் CSS வகுப்புப் பெயர்களைக் கொடுக்கிறது. அதேசமயம் ' கொண்டுள்ளது() ஒரு முனை ஒரு சந்ததியாக இருந்தால் 'முறை உண்மையாக இருக்கும். இணைக்கப்பட்ட உறுப்பில் உள்ள வகுப்பை அணுக இந்த முறைகள் பயன்படுத்தப்படலாம்.



தொடரியல்



முனை. கொண்டுள்ளது ( நிர்வாணமாக )

மேலே உள்ள தொடரியல்:

  • ' நிர்வாணமாக ” என்பது தொடர்புடைய முனையின் முனை சந்ததிக்கு ஒத்துள்ளது.

உதாரணமாக
கீழே கொடுக்கப்பட்டுள்ள உதாரணத்தின் கண்ணோட்டத்தை பார்ப்போம்:



< மையம் >< உடல் வர்க்கம் = 'கொண்டிருக்கும்' >
< h2 > இது Linuxhint இணையதளம் h2 >
மையம் > உடல் >
< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
என்றால் ( ஆவணம். உடல் . வகுப்பு பட்டியல் . கொண்டுள்ளது ( 'கொண்டிருக்கும்' ) ) {
பணியகம். பதிவு ( 'உடல் உறுப்புக்கு வர்க்கம் உள்ளது' ) ;
}
வேறு {
பணியகம். பதிவு ( 'உடல் உறுப்புக்கு வர்க்கம் இல்லை' ) ;
}
கையால் எழுதப்பட்ட தாள் >

மேலே உள்ள குறியீட்டில் கொடுக்கப்பட்டுள்ளபடி, கீழே குறிப்பிடப்பட்டுள்ள படிகளைப் பயன்படுத்தவும்:

  • முதலில், ஒரு ' <உடல்> 'செட் பண்புக்கூறு கொண்ட உறுப்பு' வர்க்கம் ”.
  • மேலும், குறிப்பிட்ட உறுப்புக்குள் ( ) ஒரு தலைப்பைச் சேர்க்கவும்.
  • JS குறியீட்டில், ' வகுப்பு பட்டியல் 'சொத்து இணைந்து' கொண்டுள்ளது() ”முறை.
  • இதன் விளைவாக தொடர்புடைய வகுப்பை அணுகும் ' <உடல்> ”முறையின் அளவுருவில் குறிப்பிடப்பட்ட வகுப்பின் பெயரை அடிப்படையாகக் கொண்ட உறுப்பு.
  • திருப்தியான நிலையில், ' என்றால் ” நிபந்தனை செயல்படுத்தப்படும்.
  • மாறாக, ' வேறு ” ஸ்டேட்மென்ட் கோட் பிளாக் செயல்படுத்தும்.

வெளியீடு

மேலே உள்ள வெளியீட்டில், குறிப்பிட்ட வகுப்பு '' இல் சேர்க்கப்பட்டுள்ளது என்பதைக் காணலாம். <உடல்> ”உறுப்பு.

அணுகுமுறை 2: getElementsByTagName() மற்றும் மேட்ச்() முறைகளைப் பயன்படுத்தி, ஜாவாஸ்கிரிப்டில் ஒரு குறிப்பிட்ட வகுப்பு உள்ளதா எனச் சரிபார்க்கவும்

' getElementsByTagName() ” முறை ஒரு குறிப்பிட்ட குறிச்சொல் பெயரைக் கொண்ட அனைத்து உறுப்புகளின் தொகுப்பை வழங்குகிறது. ' பொருத்துக() ” முறையானது குறிப்பிட்ட மதிப்பை சரத்துடன் பொருத்துகிறது. தேவையான உறுப்பை அதன் குறிச்சொல் மூலம் அணுகவும் குறிப்பிட்ட வகுப்பைச் சரிபார்க்கவும் இந்த முறைகளைப் பயன்படுத்தலாம்.

தொடரியல்

ஆவணம். getElementsByTagName ( குறிச்சொல் )

வழங்கப்பட்ட தொடரியல்:

  • ' குறிச்சொல் 'உறுப்பின் குறிச்சொல் பெயரைக் குறிக்கிறது.

உதாரணமாக
பின்வரும் உதாரணம் விவாதிக்கப்பட்ட கருத்தை நிரூபிக்கிறது:

< மையம் >< உடல் வர்க்கம் = 'கொண்டுள்ளது' >
< img src = 'template2.png' உயரம் = '150px' அகலம் = '150px' >
மையம் > உடல் >
< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
விடு பெறு = ஆவணம். getElementsByTagName ( 'உடல்' ) [ 0 ] . வகுப்பின் பெயர் . பொருத்துக ( /கொண்டுள்ளது/ )
என்றால் ( பெறு ) {
பணியகம். பதிவு ( 'உடல் உறுப்புக்கு வர்க்கம் உள்ளது' ) ;
}
வேறு {
பணியகம். பதிவு ( 'உடல் உறுப்புக்கு வர்க்கம் இல்லை' ) ;
}
கையால் எழுதப்பட்ட தாள் >

மேலே உள்ள குறியீடு துணுக்கில்:

  • அதேபோல், ஒரு ' <உடல்> 'குறிப்பிட்ட வகுப்பைக் கொண்ட உறுப்பு.
  • மேலும், முந்தைய படியில் கூறப்பட்ட உறுப்புக்குள் செட் பரிமாணங்களைக் கொண்ட படத்தைக் கொண்டிருக்கும்.
  • குறியீட்டின் ஜாவாஸ்கிரிப்ட் வரிகளில், அணுகவும் <உடல்> 'உறுப்பை அதன் குறிச்சொல் மூலம்' பயன்படுத்தி getElementsByTagName() ”முறை.
  • ' [0] ” என்பது முந்தைய கட்டத்தில் கூறப்பட்ட குறிச்சொல்லுடன் தொடர்புடைய முதல் உறுப்பு பெறப்படும் என்பதைக் குறிக்கிறது.
  • ' வகுப்பின் பெயர் 'சொத்து மற்றும்' பொருத்துக() 'முறையானது அதன் அளவுருவில் கூறப்பட்ட வகுப்பிற்கு' எதிராக பொருந்தும் <உடல்> ”உறுப்பு.
  • முன்னாள் அறிக்கை ' என்றால் 'முந்தைய படிகளில் உள்ள அனைத்து நிபந்தனைகளின் திருப்தியின் மீது நிபந்தனை செயல்படுத்தப்படும்.
  • இல்லையெனில், பிந்தைய அறிக்கை காட்டப்படும்.

வெளியீடு

மேலே உள்ள வெளியீடு ஒரு குறிப்பிட்ட வகுப்பிற்கான பயன்படுத்தப்பட்ட நிபந்தனை திருப்திகரமாக இருப்பதைக் குறிக்கிறது.

அணுகுமுறை 3: jQuery ஐப் பயன்படுத்தி, ஜாவாஸ்கிரிப்டில் ஒரு குறிப்பிட்ட வகுப்பு உடலில் உள்ளதா எனச் சரிபார்க்கவும்

இந்த அணுகுமுறையானது தேவையான உறுப்பை நேரடியாக அணுகவும், அதன் முறையின் உதவியுடன் அதற்கு எதிராக குறிப்பிட்ட வகுப்பைக் கண்டறியவும் செயல்படுத்தலாம்.

உதாரணமாக
கீழே கொடுக்கப்பட்டுள்ள எடுத்துக்காட்டைப் பார்ப்போம்:

< ஸ்கிரிப்ட் எஸ்ஆர்சி = 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' > கையால் எழுதப்பட்ட தாள் >
< மையம் >< உடல் வர்க்கம் = 'கொண்டுள்ளது' >
< textarea ஒதுக்கிட = 'எந்த உரையையும் தட்டச்சு செய்யவும்...' > உரைப்பகுதி >
மையம் > உடல் >

என்றால் ( $ ( 'உடல்' ) . வகுப்பு உள்ளது ( 'கொண்டுள்ளது' ) ) {
எச்சரிக்கை ( 'உடல் உறுப்புக்கு வர்க்கம் உள்ளது' )
}
வேறு {
எச்சரிக்கை ( 'உடல் உறுப்புக்கு வர்க்கம் இல்லை' )
}
கையால் எழுதப்பட்ட தாள் >

மேலே உள்ள குறியீட்டு வரிகளில்:

  • அடங்கும்' jQuery 'நூலகம் அதன் செயல்பாடுகளைப் பயன்படுத்த.
  • இதேபோல், ' <உடல்> 'கூறப்பட்ட வகுப்பைக் கொண்ட உறுப்பு.
  • மேலும், ஒரு '