HTML DOM ஆவணம்
ஆவண பண்புகள் மற்றும் முறைகள்.
புதுப்பிக்கப்பட்டது:
ஜனவரி 2026
ஆவண பண்புகள் மற்றும் முறைகள்
| பெயர் | விளக்கம் |
|---|---|
| activeElement | ஆவணத்தில் தற்போது கவனம் செலுத்தப்பட்ட உறுப்பைத் திருப்பித் தருகிறது |
| addEventListener() | ஆவணத்தில் ஒரு நிகழ்வு கையாளுநரை இணைக்கிறது |
| adoptNode() | மற்றொரு ஆவணத்திலிருந்து ஒரு முனையை ஏற்கிறது |
| anchors | பழையது (DEPRECATED) |
| applets | பழையது (DEPRECATED) |
| baseURI | ஒரு ஆவணத்தின் முழுமையான அடிப்படை URI ஐத் திருப்பித் தருகிறது |
| body | ஆவணத்தின் body ஐ அமைக்கிறது அல்லது திருப்பித் தருகிறது (<body> உறுப்பு) |
| charset | பழையது (DEPRECATED) |
| characterSet | ஆவணத்திற்கான எழுத்து குறியீட்டைத் திருப்பித் தருகிறது |
| close() | முன்பு document.open() உடன் திறக்கப்பட்ட வெளியீட்டு ஸ்ட்ரீமை மூடுகிறது |
| cookie | ஆவணத்தில் உள்ள குக்கீகளின் அனைத்து பெயர்/மதிப்பு ஜோடிகளையும் திருப்பித் தருகிறது |
| createAttribute() | பண்புக்கூறு முனையை உருவாக்குகிறது |
| createComment() | குறிப்பிட்ட உரையுடன் Comment முனையை உருவாக்குகிறது |
| createDocumentFragment() | வெற்று DocumentFragment முனையை உருவாக்குகிறது |
| createElement() | உறுப்பு முனையை உருவாக்குகிறது |
| createEvent() | புதிய நிகழ்வை உருவாக்குகிறது |
| createTextNode() | உரை முனையை உருவாக்குகிறது |
| defaultView | ஒரு ஆவணத்துடன் தொடர்புடைய window பொருளைத் திருப்பித் தருகிறது, அல்லது எதுவும் கிடைக்கவில்லை என்றால் null |
| designMode | முழு ஆவணமும் திருத்தக்கூடியதாக இருக்க வேண்டுமா இல்லையா என்பதைக் கட்டுப்படுத்துகிறது |
| doctype | ஆவணத்துடன் தொடர்புடைய ஆவண வகை அறிவிப்பைத் திருப்பித் தருகிறது |
| documentElement | ஆவணத்தின் ஆவண உறுப்பைத் திருப்பித் தருகிறது (<html> உறுப்பு) |
| documentMode | பழையது (DEPRECATED) |
| documentURI | ஆவணத்தின் இடத்தை அமைக்கிறது அல்லது திருப்பித் தருகிறது |
| domain | ஆவணத்தை ஏற்றிய சேவையகத்தின் டொமைன் பெயரைத் திருப்பித் தருகிறது |
| domConfig | பழையது (DEPRECATED) |
| embeds | ஆவணத்தில் உள்ள அனைத்து <embed> உறுப்புகளின் தொகுப்பைத் திருப்பித் தருகிறது |
| execCommand() | பழையது (DEPRECATED) |
| forms | ஆவணத்தில் உள்ள அனைத்து <form> உறுப்புகளின் தொகுப்பைத் திருப்பித் தருகிறது |
| getElementById() | குறிப்பிட்ட மதிப்புடன் ID பண்புக்கூறைக் கொண்ட உறுப்பைத் திருப்பித் தருகிறது |
| getElementsByClassName() | குறிப்பிட்ட வகுப்புப் பெயருடன் அனைத்து உறுப்புகளையும் கொண்ட HTMLCollection ஐத் திருப்பித் தருகிறது |
| getElementsByName() | குறிப்பிட்ட பெயருடன் அனைத்து உறுப்புகளையும் கொண்ட நேரடி NodeList ஐத் திருப்பித் தருகிறது |
| getElementsByTagName() | குறிப்பிட்ட டேக் பெயருடன் அனைத்து உறுப்புகளையும் கொண்ட HTMLCollection ஐத் திருப்பித் தருகிறது |
| hasFocus() | ஆவணத்தில் கவனம் உள்ளதா இல்லையா என்பதைக் குறிக்கும் பூலியன் மதிப்பைத் திருப்பித் தருகிறது |
| head | ஆவணத்தின் <head> உறுப்பைத் திருப்பித் தருகிறது |
| images | ஆவணத்தில் உள்ள அனைத்து <img> உறுப்புகளின் தொகுப்பைத் திருப்பித் தருகிறது |
| implementation | இந்த ஆவணத்தைக் கையாளும் DOMImplementation பொருளைத் திருப்பித் தருகிறது |
| importNode() | மற்றொரு ஆவணத்திலிருந்து ஒரு முனையை இறக்குமதி செய்கிறது |
| inputEncoding | பழையது (DEPRECATED) |
| lastModified | ஆவணம் கடைசியாக மாற்றியமைக்கப்பட்ட தேதி மற்றும் நேரத்தைத் திருப்பித் தருகிறது |
| links | ஆவணத்தில் உள்ள href பண்புக்கூறைக் கொண்ட அனைத்து <a> மற்றும் <area> உறுப்புகளின் தொகுப்பைத் திருப்பித் தருகிறது |
| normalize() | வெற்று உரை முனைகளை அகற்றி, அருகிலுள்ள முனைகளை இணைக்கிறது |
| normalizeDocument() | பழையது (DEPRECATED) |
| open() | document.write() இலிருந்து வெளியீட்டைச் சேகரிக்க HTML வெளியீட்டு ஸ்ட்ரீமைத் திறக்கிறது |
| querySelector() | ஆவணத்தில் குறிப்பிட்ட CSS தேர்ந்தெடுப்பாளர்(களுடன்) பொருந்தும் முதல் உறுப்பைத் திருப்பித் தருகிறது |
| querySelectorAll() | ஆவணத்தில் குறிப்பிட்ட CSS தேர்ந்தெடுப்பாளர்(களுடன்) பொருந்தும் அனைத்து உறுப்புகளையும் கொண்ட நிலையான NodeList ஐத் திருப்பித் தருகிறது |
| readyState | ஆவணத்தின் (லோடிங்) நிலையைத் திருப்பித் தருகிறது |
| referrer | தற்போதைய ஆவணத்தை ஏற்றிய ஆவணத்தின் URL ஐத் திருப்பித் தருகிறது |
| removeEventListener() | ஆவணத்திலிருந்து ஒரு நிகழ்வு கையாளுநரை அகற்றுகிறது (addEventListener() முறையுடன் இணைக்கப்பட்டது) |
| renameNode() | பழையது (DEPRECATED) |
| scripts | ஆவணத்தில் உள்ள <script> உறுப்புகளின் தொகுப்பைத் திருப்பித் தருகிறது |
| strictErrorChecking | பழையது (DEPRECATED) |
| title | ஆவணத்தின் தலைப்பை அமைக்கிறது அல்லது திருப்பித் தருகிறது |
| URL | HTML ஆவணத்தின் முழு URL ஐத் திருப்பித் தருகிறது |
| write() | ஆவணத்திற்கு HTML வெளிப்பாடுகள் அல்லது JavaScript குறியீட்டை எழுதுகிறது |
| writeln() | write() போலவே, ஆனால் ஒவ்வொரு அறிக்கைக்குப் பிறகும் புதிய வரி எழுத்தைச் சேர்க்கிறது |
ஆவண பண்புகள் ஆர்ப்பாட்டம்
தற்போதைய ஆவணப் பண்புகளைக் காண்க:
பொத்தானைக் கிளிக் செய்வதன் மூலம் ஆவணப் பண்புகளைக் காண்பி
ஆவண உறுப்புகளை எண்ணிக்கை செய்யுங்கள்:
பொத்தானைக் கிளிக் செய்வதன் மூலம் உறுப்புகளை எண்ணுங்கள்
உதவிக்குறிப்பு:
document பொருள் என்பது வலைப்பக்கத்தின் மூல நுழைவு புள்ளியாகும். இது பக்கத்தில் உள்ள அனைத்து உறுப்புகளுக்கும் மேலாளர் மற்றும் நிர்வாகி ஆகும்.
பொதுவாகப் பயன்படுத்தப்படும் முறைகள்
உறுப்புகளைத் தேடுதல்
getElementById()
querySelector()
getElementsByClassName()
getElementsByTagName()
வலைப்பக்கத்தில் உறுப்புகளைக் கண்டறிய மிகவும் அடிக்கடி பயன்படுத்தப்படும் முறைகள்
உறுப்புகளை உருவாக்குதல்
createElement()
createTextNode()
createAttribute()
புதிய உறுப்புகள், உரை முனைகள் மற்றும் பண்புக்கூறுகளை உருவாக்குவதற்கான முறைகள்
நிகழ்வு கையாளுதல்
addEventListener()
removeEventListener()
நிகழ்வுகளைக் கையாளுவதற்கான நவீன மற்றும் பரிந்துரைக்கப்பட்ட முறை
ஆவணத் தகவல்
title
URL
lastModified
readyState
தற்போதைய ஆவணம் பற்றிய தகவலைப் பெறுவதற்கான பண்புகள்
பழைய முறைகள் எச்சரிக்கை
முக்கியமான எச்சரிக்கை:
பட்டியலில் "DEPRECATED" எனக் குறிக்கப்பட்ட முறைகள் மற்றும் பண்புகள் HTML DOM இன் நவீன தரநிலைகளில் இன்னும் ஆதரிக்கப்படவில்லை.
- இந்த பழைய அம்சங்களைப் பயன்படுத்த வேண்டாம்
- அவை எதிர்கால உலாவி பதிப்புகளில் அகற்றப்படலாம்
- சமமான நவீன மாற்றுகளைப் பயன்படுத்தவும்
எடுத்துக்காட்டு: getElementById() க்கு பதிலாக querySelector() ஐப் பயன்படுத்தவும், ஏனெனில் இது அதிக நெகிழ்வுத்தன்மையை வழங்குகிறது.