ஜாவாஸ்கிரிப்டில் HTML DOM உறுப்பு நோட்வேல்யூ சொத்து என்றால் என்ன

Javaskiriptil Html Dom Uruppu Notvelyu Cottu Enral Enna



உறுப்பு, உரை, பண்புக்கூறு போன்ற முனையின் தன்மையின் அடிப்படையில் தனிமங்கள் அல்லது கணுக்கள் ஒரு குறிப்பிட்ட மதிப்பைக் கொண்டுள்ளன. இந்த மதிப்பு கணு உருவாக்கத்தில் கைமுறையாக அமைக்கப்படுகிறது. இருப்பினும், பயனர் ஜாவாஸ்கிரிப்ட் உதவியுடன் அதை மாறும் வகையில் மாற்றியமைக்க முடியும். முனை மதிப்பு ”சொத்து. ஜாவாஸ்கிரிப்டில், இந்த சிறப்புப் பண்பு விரும்பிய முனை மதிப்பை அமைக்கவும் மீட்டெடுக்கவும் உதவுகிறது. உள் HTML ஐப் பெறுவது பயனுள்ளது, அதாவது, தேவைகளுக்கு ஏற்ப குறிப்பிட்ட முனையின் உள்ளடக்கம்.

இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டில் உள்ள HTML DOM உறுப்பு 'நோட்வேல்யூ' பண்புகளை விளக்குகிறது.

ஜாவாஸ்கிரிப்டில் உள்ள HTML DOM உறுப்பு 'நோட் வேல்யூ' சொத்து என்றால் என்ன?

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







தொடரியல் ('நோட் மதிப்பு' அமை)



முனை. முனை மதிப்பு = மதிப்பு

மேலே உள்ள தொடரியல் தேவை ' மதிப்பு ” என்று பயனர் விரும்பிய முனைக்கு அமைக்க விரும்புகிறார்.



தொடரியல்





முனை. முனை மதிப்பு

கொடுக்கப்பட்ட தொடரியல் ஒரு ' ஏதுமில்லை 'உறுப்பு மற்றும் ஆவண முனைகளுக்கான மதிப்பு,' உரை 'கருத்து மற்றும் உரை முனைகளுக்கு, மற்றும்' பண்பு ” பண்புக்கூறு முனைகளுக்கு.

கூறப்பட்ட உதாரணத்தின் உதவியுடன் மேலே வரையறுக்கப்பட்ட சொத்தை செயல்படுத்துவோம்.



எடுத்துக்காட்டு: ஒரு தனிமத்தின் உரையை மீட்டெடுக்க DOM உறுப்பு 'நோட்வேல்யூ' பண்பைப் பயன்படுத்துதல்

உருவாக்கப்பட்ட பொத்தானின் உரையைப் பெற இந்த எடுத்துக்காட்டு 'nodeValue' பண்புகளைப் பயன்படுத்துகிறது.

HTML குறியீடு

முதலில், கீழே குறிப்பிடப்பட்டுள்ள குறியீட்டைப் பாருங்கள்:

< பொத்தானை > புதிய பொத்தான். < / பொத்தானை >
< ஐடி = 'அதற்காக' >< / >

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

  • ' <பொத்தான்> ” குறிச்சொல் ஒரு பொத்தானை சேர்க்கிறது.
  • '

    ”குறிச்சொல் “பாரா” ஐடியுடன் வெற்றுப் பத்தியை உட்பொதிக்கிறது.

ஜாவாஸ்கிரிப்ட் குறியீடு

இப்போது, ​​கீழே குறிப்பிடப்பட்டுள்ள ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பின்பற்றவும்:

< கையால் எழுதப்பட்ட தாள் >
நிலையான உறுப்பு = ஆவணம். getElementsByTagName ( 'பொத்தானை' ) [ 0 ] ;
முடிவு செய்யட்டும் = உறுப்பு. குழந்தை முனைகள் [ 0 ] . முனை மதிப்பு ;
ஆவணம். getElementById ( 'அதற்காக' ) . உள் HTML = ' நோட் மதிப்பு: ' + விளைவாக ;
கையால் எழுதப்பட்ட தாள் >

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

  • முதலில், 'elem' என்ற மாறியை அறிவிக்கவும், அது ' getElementsByTagName() '0' குறியீட்டில் வைக்கப்பட்டுள்ள குறிச்சொல் பெயரின் மூலம் உறுப்பை அணுகுவதற்கான முறை.
  • அடுத்து 'முடிவு' மாறி '' ஐப் பயன்படுத்துகிறது முனை மதிப்பு 'சொத்து' உடன் இணைக்கப்பட்டுள்ளது குழந்தை முனைகள் 'குறிப்பிட்ட குழந்தை முனையின் மதிப்பைப் பெறுவதற்கான சொத்து.
  • இறுதியாக, ' getElementById() ”முறையானது அதன் ஐடி “பாரா” ஐப் பயன்படுத்தி வெற்றுப் பத்தியை அணுகி அதை “முடிவு” மாறியின் மதிப்பு அதாவது பொத்தான் உரையுடன் சேர்க்கிறது.

வெளியீடு

உருவாக்கப்பட்ட “