జావాస్క్రిప్ట్ హ్ట్ముల్ డొమ్ డాక్యుమెంట్

హెచ్ఎంఎల్ డామ్ డాక్యుమెంట్ ఆబ్జెక్ట్ మీ వెబ్ పేజీలోని ఇతర ఆబ్జెక్టులను యాజమాన్యం చేస్తుంది.

హెచ్ఎంఎల్ డాక్యుమెంట్ డామ్ ఆబ్జెక్ట్

డాక్యుమెంట్ ఆబ్జెక్ట్ మీ వెబ్ పేజీని ప్రతినిధీకరిస్తుంది.

మీరు హెచ్ఎంఎల్ పేజీలో ఏ ఎలిమెంట్ ను ప్రాప్తించడానికి కావాలి అయితే, మీరు ఎల్లప్పుడూ document ఆబ్జెక్ట్ ను అనుసరించడం మొదలు పెట్టాలి.

డాక్యుమెంట్ ఆబ్జెక్ట్ ద్వారా హెచ్ఎంఎల్ ను ప్రాప్తించడం మరియు ఆపరేషన్ చేయడం కొన్ని ఉదాహరణలు ఇక్కడ ఉన్నాయి。

హెచ్ఎంఎల్ ఎలిమెంట్ కనుగొనండి

పద్ధతి వివరణ
document.getElementById(id) ఎలిమెంట్ ఐడి ద్వారా ఎలిమెంట్ కనుగొనండి
document.getElementsByTagName(పేరు) టాగ్ పేరు ద్వారా ఎలిమెంట్ కనుగొనండి
document.getElementsByClassName(పేరు) క్లాస్ పేరు ద్వారా ఎలిమెంట్ కనుగొనండి

హెచ్ఎంఎల్ ఎలిమెంట్ మార్చండి

పద్ధతి వివరణ
element.innerHTML = కొత్త హెచ్ఎంఎల్ కంటెంట్ పెట్టె యొక్క అంతర్ని HTML మార్చండి
element.attribute = new value 改变 HTML 元素的属性值
element.setAttribute(attribute, value) 改变 HTML 元素的属性值
element.style.property = new style 改变 HTML 元素的样式

添加和删除元素

పద్ధతి వివరణ
document.createElement(element) 创建 HTML 元素
document.removeChild(element) 删除 HTML 元素
document.appendChild(element) 添加 HTML 元素
document.replaceChild(element) 替换 HTML 元素
document.write(text) 写入 HTML 输出流

ఇవెంట్ హాండ్లర్ జోడించుట

పద్ధతి వివరణ
document.getElementById(id).onclick = function(){code} onclick ఇవెంట్నకు ఇవెంట్ హాండ్లర్ జోడించుట

HTML పదార్థాన్ని కనుగొనుట

మొదటి HTML DOM లెవల్ 1 (1998), 11 మంది HTML పదార్థాలు, పదార్థాల కలవర్స్ మరియు అంశాలను నిర్వచించింది. వారు HTML5 లో కూడా ప్రస్తుతం ఉన్నారు.

తరువాత, HTML DOM లెవల్ 3 లో, మరిన్ని పదార్థాలు, కలవర్స్ మరియు అంశాలు జోడించబడింది.

అంశం వివరణ DOM
document.anchors పేరు అంశం కలిగిన అన్ని <a> మెమ్బర్స్ ను తిరిగి చూపుతుంది 1
document.applets అన్ని <applet> మెమ్బర్స్ ను తిరిగి చూపుతుంది(HTML5 లో ఉపయోగించకుండా ఉండాలి) 1
document.baseURI డాక్యుమెంట్ అబ్సోల్యూట్ బేస్ యూరి ని తిరిగి చూపుతుంది 3
document.body <body> మెమ్బర్ను తిరిగి చూపుతుంది 1
document.cookie డాక్యుమెంట్ కూకీని తిరిగి చూపుతుంది 1
document.doctype డాక్యుమెంట్ డాక్ట్టైప్ను తిరిగి చూపుతుంది 3
document.documentElement <html> మెమ్బర్ను తిరిగి చూపుతుంది 3
document.documentMode బ్రౌజర్ వాడుతున్న మోడ్ను తిరిగి చూపుతుంది 3
document.documentURI డాక్యుమెంట్ యూరి ని తిరిగి చూపుతుంది 3
document.domain డాక్యుమెంట్ సర్వర్ యూరిసి ని తిరిగి చూపుతుంది 1
document.domConfig తొలగించబడింది.DOM సంరచనను తిరిగి చూపుతుంది 3
document.embeds అన్ని <embed> మెమ్బర్స్ ను తిరిగి చూపుతుంది 3
document.forms 返回所有
元素
 1
document.head 返回 元素 3
document.images 返回所有 元素 1
document.implementation 返回 DOM 实现 3
document.inputEncoding 返回文档的编码（字符集） 3
document.lastModified డాక్యూమెంట్ యొక్క తాజాతరిణ తేదీ మరియు సమయం తిరిగి ఇవ్వండి 3
document.links అన్ని <area> మరియు <a> అంగత్మకాలను కలిగివున్న హెడ్ డబ్ల్యూఇ తిరిగి ఇవ్వండి 1
document.readyState డాక్యూమెంట్ యొక్క (లోడులోని) స్థితి తిరిగి ఇవ్వండి 3
document.referrer పరికళ్పించబడిన URI (లింకుల డాక్యూమెంట్) తిరిగి ఇవ్వండి 1
document.scripts అన్ని <script> అంగత్మకాలను తిరిగి ఇవ్వండి 3
document.strictErrorChecking అప్రిషన్ ఎరర్ చెక్ కి అనువర్తించబడింది లేదో తిరిగి ఇవ్వండి 3
document.title టాఇటిల్ అంగత్మకం తిరిగి ఇవ్వండి 1
document.URL పూర్తి డాక్యూమెంట్ యొక్క యుఆర్ఎల్ తిరిగి ఇవ్వండి 1