ஜாவாஸ்கிரிப்ட்டில் டேட்டா பண்புக்கூறுகளை எவ்வாறு பயன்படுத்துவது?

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

• 'elem' மாறியானது ' document.getElementById() 'myDiv' ஐடியைப் பயன்படுத்தி சேர்க்கப்பட்ட div உறுப்பை அணுகுவதற்கான முறை.
• அடுத்து, ' console.log() 'முறை பயன்படுத்துகிறது' getAtribute() 'பெறப்பட்ட DIV உறுப்புகளின் குறிப்பிட்ட 'தரவு' பண்புக்கூறு மதிப்பைப் பெறுவதற்கான முறை, பின்னர் அதை வலை கன்சோலில் காண்பிக்கும்.
• மீதமுள்ள குறிப்பிட்ட தரவு பண்புகளை அணுக அதே பணி செய்யப்படுகிறது.

குறிப்பு: 'getAttribute()' முறையானது தரவு பண்புக்கூறை 'தரவு' முன்னொட்டுடன் குறிப்பிடுகிறது, அதைத் தொடர்ந்து ஒரு ஹைபன்(-) அதாவது (data-) 'dataset()' சொத்தைப் பயன்படுத்தும் போது தேவையில்லை.

வெளியீடு

மேலே உள்ள வெளியீடு, பட்டன் கிளிக்கில் அனைத்து குறிப்பிட்ட தரவு பண்புக்கூறு மதிப்புகளையும் காட்டுகிறது.

எடுத்துக்காட்டு 3: “டேட்டாசெட்” பண்பைப் பயன்படுத்தி தரவுப் பண்புக்கூறை எழுதவும்

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

பொத்தான் உறுப்பின் உள்ளடக்கம் தற்போதைய சூழ்நிலைக்கு ஏற்ப மாற்றப்பட்டது: