హ్ట్మ్ల్ డామిన్ ఇలెమెంట్ ఆబ్జెక్ట్

Element 对象

హెచ్టిఎంఎల్ డాక్యుమెంట్ లో ఇల్మెంట్ ఆబ్జెక్ట్ హెచ్చర్ను ప్రతినిధీకరిస్తుంది అని మెంటించండి P, DIV, A, TABLE లేదా ఏదైనా ఇతర హెచ్టిఎంఎల్ మెమ్బర్.

అట్రిబ్యూట్స్ మరియు మాథడ్లు

అన్ని హెచ్టిఎంఎల్ మెమ్బర్లకు ఉపయోగపడే అట్రిబ్యూట్స్ మరియు మాథడ్లు క్రింద ఇచ్చబడ్డాయి:

అట్రిబ్యూట్ / మాథడ్ వివరణ
accessKey మెమ్బర్ అక్సెస్కీ అట్రిబ్యూట్ విలువను సెట్ చేయండి లేదా తిరిగివుంచుము.
addEventListener() మెమ్బర్పై ఇవెంట్ హాండ్లర్ను జతచేయండి.
appendChild() మెమ్బర్కు కొత్త పిల్లమెమ్బర్ను జోడించుము.
attributes మెమ్బర్ అట్రిబ్యూట్స్ నేమ్డ్ నోడ్ మ్యాప్ ను తిరిగివుంచుము.
blur() మెమ్బర్పై ఫోకస్ను తొలగించుము.
childElementCount మెమ్బర్ పిల్లమెమ్బర్ల సంఖ్యను తిరిగివుంచుము.
childNodes మెమ్బర్ పిల్లనుగా పిల్లమెమ్బర్లను తిరిగివుంచుము.
children మెమ్బర్ పిల్లమెమ్బర్లను తిరిగివుంచుము.
classList మెమ్బర్ క్లాస్ పేరును తిరిగివుంచుము.
className మెమ్బర్ క్లాస్ అట్రిబ్యూట్ విలువను సెట్ చేయండి లేదా తిరిగివుంచుము.
click() మెమ్బర్పై మౌస్ క్లిక్ను ప్రతిబింబించుము.
clientHeight అంతర్భాగపు పాదరుగులతో మెమ్బర్ పొడవును తిరిగివుంచుము.
clientLeft మెమ్బర్ ఎడమ భాగపు కిందరుగును తిరిగివుంచుము.
clientTop మెమ్బర్ పైభాగపు కిందరుగును తిరిగివుంచుము.
clientWidth అంతర్భాగపు పాదరుగులతో మెమ్బర్ వెడల్పును తిరిగివుంచుము.
cloneNode() మెమ్బర్ను క్లోన్ చేయండి.
closest() డాక్యుమెంట్ ట్రీలో సిఎస్ఎస్ సెలెక్టర్తో సరిపోయే అత్యంత సమీప మెమ్బర్ను కనుగొనుట.
compareDocumentPosition() రెండు అంశాల డాక్యుమెంట్ స్థానాన్ని పోల్చండి.
contains() నోడ్ యొక్క వాల్డెస్కాండ్ కు ఉన్నది అని తనిఖీ చేయండి.
contentEditable అంశం యొక్క సమాచారం సవరించబడగలిగినది అని సెట్ చేయండి లేదా రాబట్టి పెట్టండి.
dir అంశం యొక్క dir అంశం విలువను సెట్ చేయండి లేదా రాబట్టి పెట్టండి.
firstChild అంశం యొక్క మొదటి సబ్ అంశాన్ని రాబట్టి పెట్టండి.
firstElementChild అంశం యొక్క మొదటి సబ్ అంశాన్ని రాబట్టి పెట్టండి.
focus() అంశాన్ని ఫోకస్ చేయండి.
getAttribute() అంశం యొక్క అంశవిలువను రాబట్టి పెట్టండి.
getAttributeNode() అంశం యొక్క అంశను రాబట్టి పెట్టండి.
getBoundingClientRect() అంశం యొక్క పరిమాణాన్ని మరియు విండోపై స్థానాన్ని రాబట్టి పెట్టండి.
getElementsByClassName() ఏ క్లాస్ నేమ్ అనుసరించే సబ్ అంశాల కలిగిన కలెక్షన్ రాబట్టి పెట్టండి.
getElementsByTagName() ఏ టాగ్ నేమ్ అనుసరించే సబ్ అంశాల కలిగిన కలెక్షన్ రాబట్టి పెట్టండి.
hasAttribute() అంశం ఏ అంశానైనా కలిగితే true రాబట్టి పెట్టండి.
hasAttributes() అంశం ఏ అంశాలనైనా కలిగితే true రాబట్టి పెట్టండి.
hasChildNodes() అంశం ఏ సబ్ అంశాలనైనా కలిగితే true రాబట్టి పెట్టండి.
element.id అంశం యొక్క id అంశం విలువను సెట్ చేయండి లేదా రాబట్టి పెట్టండి.
innerHTML అంశం యొక్క సమాచారాన్ని సెట్ చేయండి లేదా రాబట్టి పెట్టండి.
innerText నోడ్ మరియు దాని తరువాతి వంశానికి వచ్చే టెక్స్ట్ కంటెంట్ను నిర్ధారించండి లేదా తిరిగి పొందండి.
insertAdjacentElement() అంశానికి సంబంధించిన స్థానంలో కొత్త హైలైట్ అంశాన్ని ప్రవేశపెట్టండి.
insertAdjacentHTML() అంశానికి సంబంధించిన స్థానంలో హైలైట్ పదబంధాన్ని ప్రవేశపెట్టండి.
insertAdjacentText() అంశానికి సంబంధించిన స్థానంలో పదబంధాన్ని ప్రవేశపెట్టండి.
insertBefore() ప్రస్తుత సబ్ అంశం ముందు కొత్త సబ్ అంశాన్ని ప్రవేశపెట్టండి.
isContentEditable అంశం యొక్క సమాచారం సవరించబడగలిగినది అయితే true రాబట్టి పెట్టండి.
isDefaultNamespace() ఇచ్చిన namespaceURI యొక్క మూలం మార్గదర్శకం అయితే true రాబట్టి పెట్టండి.
isEqualNode() రెండు అంశాలు సమానం లేదా కాదు తనిఖీ చేయండి.
isSameNode() రెండు అంశాలు అదే నోడ్ అని తనిఖీ చేయండి.
isSupported() ఉపయోగం లేని అంశం.
lang అంశం యొక్క lang అంశం విలువను సెట్ చేయండి లేదా రాబట్టి పెట్టండి.
lastChild సబ్ అంశం చివరి సబ్ అంశం రాబట్టి పెట్టండి.
lastElementChild 返回元素的最后一个子元素。
matches() 如果元素与给定的 CSS 选择器匹配，则返回 true。
namespaceURI 返回元素的命名空间 URI。
nextSibling 返回位于相同节点树层级的下一个节点。
nextElementSibling 返回位于相同节点树层级的下一个元素。
nodeName 返回节点的名称。
nodeType 返回节点的节点类型。
nodeValue 设置或返回节点的值。
normalize() పరస్పరం అనుగుణంగా ఉన్న టెక్స్ట్ నోడ్స్ ను జోడించి, ఖాళీ టెక్స్ట్ నోడ్స్ ను తొలగించండి.
offsetHeight ప్రక్రియా కిరీటం యొక్క ప్రాంతాన్ని తిరిగి పొందండి (లోపలి ప్రాంతాలు, బార్డర్స్ మరియు స్క్రోల్ బార్డర్స్ సహా).
offsetWidth ప్రక్రియా కిరీటం యొక్క వెడల్పనను తిరిగి పొందండి (లోపలి ప్రాంతాలు, బార్డర్స్ మరియు స్క్రోల్ బార్డర్స్ సహా).
offsetLeft ప్రక్రియా కిరీటం యొక్క ఆఫ్సెట్ ప్రకారం ప్రాంతాన్ని తిరిగి పొందండి.
offsetParent ప్రక్రియా కిరీటం యొక్క ఆఫ్సెట్ ప్యారెంట్ ను తిరిగి పొందండి.
offsetTop ప్రక్రియా కిరీటం యొక్క ప్రకారం ప్రాంతాన్ని తిరిగి పొందండి.
outerHTML ప్రక్రియా కిరీటం యొక్క కంటెంట్ ను నిర్ణయించండి లేదా తిరిగి పొందండి (ప్రాంతం మరియు పేర్లు సహా).
outerText నోడ్ మరియు దాని పిల్లలను సహా బాహ్య టెక్స్ట్ ను నిర్ణయించండి లేదా తిరిగి పొందండి.
ownerDocument ప్రక్రియా కిరీటం యొక్క డాక్యుమెంట్ ప్రక్రియా కిరీటాన్ని తిరిగి పొందండి.
parentNode ప్రక్రియా కిరీటం యొక్క పేరెంట్ నోడ్ ను తిరిగి పొందండి.
parentElement ప్రక్రియా కిరీటం యొక్క పేరెంట్ ప్రక్రియా కిరీటాన్ని తిరిగి పొందండి.
previousSibling అదే నోడ్ ట్రీ స్థాయిలో ముందున్న నోడ్ ను తిరిగి పొందండి.
previousElementSibling అదే నోడ్ ట్రీ స్థాయిలో ముందున్న ప్రక్రియా కిరీటాన్ని తిరిగి పొందండి.
querySelector() CSS ఎంపికకర్త మీద అనుగుణంగా మొదటి కుమార ప్రక్రియా కిరీటాన్ని తిరిగి పొందండి.
querySelectorAll() CSS ఎంపికకర్త మీద అనుగుణంగా అన్ని కుమార ప్రక్రియా కిరీటాలను తిరిగి పొందండి.
remove() డాక్యుమెంట్ నుండి ప్రక్రియా కిరీటాన్ని తొలగించండి.
removeAttribute() ప్రక్రియా కిరీటం నుండి అటువంటి అంశాన్ని తొలగించండి.
removeAttributeNode() అటువంటి అంశాన్ని తొలగించి, తొలగించబడిన కిరీటాన్ని తిరిగి పొందండి.
removeChild() ప్రక్రియా కిరీటాన్ని ప్రక్రియా కిరీటం నుండి తొలగించండి.
removeEventListener() addEventListener() మాధ్యమంతో జోడించబడిన ఇన్నర్ హాండ్లర్స్ ని తొలగించండి.
replaceChild() ప్రక్రియా కిరీటాన్ని పునఃస్థాపించండి.
scrollHeight సమగ్ర ప్రాంతాన్ని తిరిగి పొందండి, లోపలి ప్రాంతాలు సహా.
scrollIntoView() 将元素滚动到浏览器窗口的可见区域。
scrollLeft 设置或返回元素内容水平滚动的像素数。
scrollTop అంశం యొక్క కంటెంట్ను వాస్తవానికి ఉన్నట్లుగా అందించడానికి వాస్తవానికి ఉన్న అంశాన్ని నిర్ధారించండి.
scrollWidth అంశం యొక్క మొత్తం వెడల్పును, అంతరాంతరాలను సహా, తిరిగి పొందండి.
setAttribute() అంశం యొక్క విలువను నిర్ధారించండి లేదా మార్చండి.
setAttributeNode() అంశం యొక్క అంశాన్ని నిర్ధారించండి లేదా మార్చండి.
style అంశం యొక్క style అంశాన్ని నిర్ధారించండి లేదా తిరిగి పొందండి.
tabIndex అంశం యొక్క tabIndex అంశాన్ని నిర్ధారించండి లేదా తిరిగి పొందండి.
tagName అంశం యొక్క టాగ్ పేరును తిరిగి పొందండి.
textContent నోడ్ మరియు దాని తరువాతి వంశానికి వచ్చే టెక్స్ట్ కంటెంట్ను నిర్ధారించండి లేదా తిరిగి పొందండి.
title అంశం యొక్క title అంశాన్ని నిర్ధారించండి లేదా తిరిగి పొందండి.
toString() అంశాన్ని స్ట్రింగ్ లోకి మార్చండి.

Element ఇంటర్ఫేస్ వివరణ

Element ఇంటర్ఫేస్ హెచ్ఎంఎల్ అంశం, XML అంశం లేదా టాగ్గును ప్రతినిధీకరిస్తుంది. tagName అనే అంశం అంశం పేరును నిర్దేశిస్తుంది. Document యొక్క documentElement అంశం ఈ డాక్యుమెంట్ రూట్ Element అంశాన్ని సూచిస్తుంది. HTMLDocument అంశాన్ని యొక్క body అంశం కూడా అలాగే, దాని పైన ఉన్న <body> అంశాన్ని సూచిస్తుంది. హెచ్ఎంఎల్ డాక్యుమెంట్లో ఒక నిర్దిష్ట అంశాన్ని కనుగొనేందుకు, Document.getElementById() విధానాన్ని ఉపయోగించండి (మరియు ఈ అంశానికి యునిక్ పేరును ఇడి చేయండి). అంశాన్ని టాగ్నేమ్ ద్వారా నిర్దేశించడానికి, getElementsByTagName() విధానాన్ని ఉపయోగించండి, ఇది Element మరియు Document యొక్క విధానం. హెచ్ఎంఎల్ డాక్యుమెంట్లో, అంశాన్ని name అంశం ద్వారా కనుగొనేందుకు సమానంగా, HTMLDocument.getElementsByName() విధానాన్ని ఉపయోగించవచ్చు. చివరగా, Document.createElement() విధానాన్ని ఉపయోగించి, డాక్యుమెంట్లో జోడించడానికి కొత్త Element అంశాన్ని సృష్టించవచ్చు.

addEventListener() మాధ్యమం (మరియు ఐఈ ప్రత్యేక ప్రత్యామ్నాయం attachEvent() ) ఈ అంశంపై ప్రత్యేక రకం యొక్క ఇవెంట్ హాండ్లర్ ఫంక్షన్ను నమోదు చేయడానికి మాధ్యమం అందిస్తుంది. సాంకేతికంగా, addEventListener() , removeEventListener() మరియు dispatchEvent() ఈ రెండవ స్థాయి DOM Events ప్రామాణాలు నిర్వచించిన EventTarget ఇంటర్ఫేస్ ద్వారా నిర్వచించబడ్డాయి. అన్ని Element ఆబ్జెక్ట్లు EventTarget ను అమలు చేస్తాయి.

这个接口的各种其他方法提供了对元素的属性的访问。在 HTML 文档中（以及许多 XML 文档中），所有属性都有简单的字符串值，并且你可以使用简单方法 getAttribute() 和 setAttribute() 进行所需的任何属性操作。

如果你在使用 XML 文档，它可能包含了 Entity 参考页作为属性值的一部分，你将必须使用 Attr 对象及其节点的子树。你可针对一个属性使用 getAttributeNode() 和 setAttributeNode() 来获取和设置 Attr 对象，或者可以在 Node 接口的 attributes[] 数组遍历 Attr 节点。如果您使用了一个用到 XML 名字空间的 XML 文档，需要使用名字带有 "NS" 的各种方法。

在 1 级 DOM 规范中， normalize() 方法是 Element 接口的一部分。在 2 级规范中，normalize() 则是 Node 接口的一部分。所有 Element 节点继承这个方法并且仍然可以使用它。

知识点：HTML DOM 节点

在 HTML DOM （文档对象模型）中，每个部分都是节点：

  • 文档本身是文档节点
  • 所有 HTML 元素是元素节点
  • 所有 HTML 属性是属性节点
  • HTML 元素内的文本是文本节点
  • 注释是注释节点

Element 对象

在 HTML DOM 中，Element 对象表示 HTML 元素。

Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。

NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。

మూలకాలు కూడా అట్రిబ్యూట్లు కలిగి ఉంటాయి. అట్రిబ్యూట్లు అట్రిబ్యూట్ నోడ్ బిందువులు (తదుపరి సెక్షన్ చూడండి).