இந்த டுடோரியல் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி மாறும் வகையில் HTML குறியீட்டை எழுதும் முறைகளை விவரிக்கும்.
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி HTML குறியீட்டை மாறும் வகையில் எழுதுவது எப்படி?
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி HTML குறியீட்டை எழுத, பின்வரும் முறைகளைப் பயன்படுத்தவும்:
முறை 1: document.createElement() முறையைப் பயன்படுத்தி HTML குறியீட்டை மாறும் வகையில் எழுதவும்
ஜாவாஸ்கிரிப்ட்” document.createElement() 'முறையுடன்' உரை உள்ளடக்கம் ஜாவாஸ்கிரிப்டில் ஒரு HTML குறியீட்டை மாறும் வகையில் எழுதுவதற்கு சொத்து பயன்படுத்தப்படுகிறது. createElement() முறையைப் பயன்படுத்தி, நீங்கள் ஒரு குறிப்பிட்ட HTML உறுப்பை உருவாக்கலாம், மேலும் உரை உள்ளடக்கத்தை அமைக்க textContent பண்பு பயன்படுத்தப்படுகிறது.
தொடரியல்
JavaScript இல் HTML உறுப்பை உருவாக்க கொடுக்கப்பட்ட தொடரியல் பயன்படுத்தவும்:
ஆவணம். உருவாக்க உறுப்பு ( 'tagName' )
உதாரணமாக
இங்கே, முதலில், '' இல் அனுப்பப்பட்ட HTML
குறிச்சொல்லைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட் கோப்பில் ஒரு பத்தியை உருவாக்குவோம். உருவாக்க உறுப்பு() ”முறை:
நிலையான உரை = ஆவணம். உருவாக்க உறுப்பு ( 'p' ) ;ஒரு பத்தியில் உரையை அமைக்க textContent பண்பைப் பயன்படுத்தவும்:
உரை. உரை உள்ளடக்கம் = 'Linuxhint க்கு வரவேற்கிறோம்' ;
இறுதியாக, '' ஐப் பயன்படுத்தி வலைப்பக்கத்தில் உரையை அச்சிடவும் document.write() ”முறை:
ஆவணம். எழுது ( உரை. உரை உள்ளடக்கம் ) ;இங்கே, ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி வலைப்பக்கத்தில் உரையை வெற்றிகரமாக எழுதுவதை நீங்கள் வெளியீட்டில் காணலாம்:
முறை 2: HTML குறியீட்டை மாறும் வகையில் உள்எச்டிஎம்எல் பண்புகளைப் பயன்படுத்தி எழுதவும்
HTML குறியீட்டை மாறும் வகையில் எழுத, JavaScript ஐப் பயன்படுத்தவும். உள் HTML ”சொத்து. HTML உறுப்பின் உள்ளடக்கத்தை மாற்றுவதற்கான எளிய அணுகுமுறை இதுவாகும். இது அனைத்து உலாவிகளையும் ஆதரிக்கிறது.
தொடரியல்
உள்எச்டிஎம்எல் பண்புகளைப் பயன்படுத்த கொடுக்கப்பட்ட தொடரியல் பின்பற்றவும்:
உள் HTML = 'உரை'உதாரணமாக
HTML கோப்பில், முதலில், வரையறுக்கப்பட்ட செயல்பாட்டை அழைக்கும் ஒரு பொத்தானை உருவாக்கவும். தலைப்பு() ” கிளிக் நிகழ்வில் ஜாவாஸ்கிரிப்ட்:
< பொத்தானை கிளிக் செய்யவும் = 'தலைப்பு()' > இங்கே கிளிக் செய்யவும் பொத்தானை >
குறிச்சொல்லைப் பயன்படுத்தி ஒரு பத்தியை உருவாக்கவும், அங்கு JavaScript இலிருந்து உரை காண்பிக்கப்படும் மற்றும் அதற்கு ஒரு ஐடியை ஒதுக்கவும்:
< p id = 'தலைப்பு' > ப >ஒரு செயல்பாட்டை வரையறுக்கவும் ' தலைப்பு() ” ஒரு ஜாவாஸ்கிரிப்ட் கோப்பில். HTML உறுப்பின் குறிப்பை அதன் ஒதுக்கப்பட்ட ஐடியைப் பயன்படுத்தி ' getElementById() 'முறை மற்றும் பயன்படுத்தவும்' உள் HTML ”அதில் உள்ள சொத்து:
செயல்பாடு தலைப்பு ( ) {ஆவணம். getElementById ( 'தலைப்பு' ) . உள் HTML = '
Linuxhint க்கு வரவேற்கிறோம்
' ;}
வெளியீடு
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி HTML குறியீட்டை மாறும் வகையில் எழுதுவது தொடர்பான அனைத்து அத்தியாவசிய தகவல்களையும் தொகுத்துள்ளோம்.
முடிவுரை
ஜாவாஸ்கிரிப்ட்டில் HTML குறியீட்டை மாறும் வகையில் எழுத, ' document.createElement() 'முறையுடன்' உரை உள்ளடக்கம் 'சொத்து அல்லது' உள் HTML ”சொத்து. முதல் முறையில், உங்களுக்கு எந்த HTML குறியீடும் தேவையில்லை, உள் HTML சொத்தில், நீங்கள் HTML உறுப்பை அணுகி அதைச் செயல்படுத்த வேண்டும். இந்த டுடோரியலில், ஜாவாஸ்கிரிப்டை மாறும் வகையில் HTML குறியீட்டை எழுதும் முறைகளை விவரித்தோம்.