ایچ تی ایم ال ڈوم ایلیمنٹ آئی کیو
- ਪਿਛਲਾ ਪੰਨਾ HTML ਡੂਕੂਮੈਂਟ
- ਅਗਲਾ ਪੰਨਾ HTML ਅਟਰੀਬਿਊਟ
Element ਆਬਜੈਕਟ
HTML DOM میں، Element نمائش، P، DIV، A، TABLE یا کسی دیگر HTML عنصر کی نمائش کرتی ہے。
خصوصیات اور طریقیں
درج ذیل خصوصیات اور طریقیں تمام HTML عناصر کے لئے استعمال کی جاسکتی ہیں:
خصوصیت / طریق | وصف |
---|---|
accessKey | عنصر کی accesskey خاصیت کا مقصد یا واپس لینا。 |
addEventListener() | عنصر پر ایک ایونٹ ہینڈلر جوڑنا。 |
appendChild() | عنصر میں نئے بچہ نودوں کو شامل کرنا。 |
attributes | عنصر کی خاصیت کا نامی نود ماپ واپس لایا جاتا ہے。 |
blur() | عنصر سے فیض کا اخراج کرنا。 |
childElementCount | عنصر کا بچہ عنصروں کی تعداد واپس لایا جاتا ہے。 |
childNodes | عنصر کا بچہ نودوں کا NodeList واپس لایا جاتا ہے。 |
children | عنصر کا بچہ عنصروں کا HTMLCollection واپس لایا جاتا ہے。 |
classList | عنصر کی کلاس کا نام واپس لایا جاتا ہے。 |
className | عنصر کی class خاصیت کا مقصد یا واپس لینا。 |
click() | عنصر پر ماوس کلیک کردینا کا نمائش کرنا。 |
clientHeight | عنصر کی اونچائی، اندرونی پیدائش شامل ہونے پر، واپس لایا جاتا ہے。 |
clientLeft | عنصر کی بائیں باری کی چوڑائی واپس لایا جاتا ہے。 |
clientTop | عنصر کی اُپر باری کی چوڑائی واپس لایا جاتا ہے。 |
clientWidth | عنصر کی چوڑائی، اندرونی پیدائش شامل ہونے پر، واپس لایا جاتا ہے。 |
cloneNode() | عنصر کا کلون کرنا。 |
closest() | DOM شجرة میں CSS انتخاب کے مطابق نزدیک ترین عنصر تلاش کرنا。 |
compareDocumentPosition() | ਦੋ ਇਲੈਕਟ੍ਰੌਨਾਂ ਦੇ ਦਸਤਾਵੇਜ਼ ਸਥਾਨ ਨੂੰ ਤੁਲਨਾ ਕਰੋ. |
contains() | ਜੇਕਰ ਨੋਡ ਨੋਡ ਦਾ ਪਿਤਾ ਹੈ ਤਾਂ true ਵਾਪਸ ਦੇਣ. |
contentEditable | contentEditable ਸੈਟ ਜਾਂ ਵਾਪਸ ਦੇਣ. |
dir | dir ਅਟਰੀਬਿਊਟ ਦੀ ਕੀਮਤ ਸੈਟ ਜਾਂ ਵਾਪਸ ਦੇਣ. |
firstChild | ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਪਹਿਲਾ ਉਪ ਨੋਡ ਵਾਪਸ ਦੇਣ. |
firstElementChild | ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਪਹਿਲਾ ਉਪ ਇਲੈਕਟ੍ਰੌਨ ਵਾਪਸ ਦੇਣ. |
focus() | ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਫੋਕਸ ਮਿਲਾਓ. |
getAttribute() | ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਅਟਰੀਬਿਊਟ ਦੀ ਕੀਮਤ ਵਾਪਸ ਦੇਣ. |
getAttributeNode() | ਅਟਰੀਬਿਊਟ ਨੋਡ ਵਾਪਸ ਦੇਣ. |
getBoundingClientRect() | ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਕੰਮਾਂਤਰਾ ਅਤੇ ਦਰਸ਼ਨਾਤਮਕ ਸਥਾਨ ਵਾਪਸ ਦੇਣ. |
getElementsByClassName() | ਦਿੱਤੇ ਹੋਏ ਕਲਾਸ ਨਾਮ ਦੇ ਉਪ ਇਲੈਕਟ੍ਰੌਨਾਂ ਦੀ ਕਲੈਕਸ਼ਨ ਵਾਪਸ ਦੇਣ. |
getElementsByTagName() | ਦਿੱਤੇ ਹੋਏ ਟੈਗ ਨਾਮ ਦੇ ਉਪ ਇਲੈਕਟ੍ਰੌਨਾਂ ਦੀ ਕਲੈਕਸ਼ਨ ਵਾਪਸ ਦੇਣ. |
hasAttribute() | ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨ ਕੋਈ ਦਿੱਤਾ ਅਟਰੀਬਿਊਟ ਹੈ ਤਾਂ true ਵਾਪਸ ਦੇਣ. |
hasAttributes() | ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨ ਕੋਈ ਅਟਰੀਬਿਊਟ ਹੈ ਤਾਂ true ਵਾਪਸ ਦੇਣ. |
hasChildNodes() | ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨ ਕੋਈ ਉਪ ਨੋਡ ਹੈ ਤਾਂ true ਵਾਪਸ ਦੇਣ. |
element.id | element.id ਦੀ ਕੀਮਤ ਸੈਟ ਜਾਂ ਵਾਪਸ ਦੇਣ. |
innerHTML | ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਸਮਾਗਮ ਨੂੰ ਸੈਟ ਜਾਂ ਵਾਪਸ ਦੇਣ. |
innerText | ਨੋਡ ਅਤੇ ਇਸ ਦੇ ਬਾਅਦ ਵਾਲੇ ਵੰਸ਼ ਦੇ ਟੈਕਸਟ ਸਮੱਗਰੀ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਲਓ。 |
insertAdjacentElement() | ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਸਬੰਧਤ ਸਥਾਨ ਵਿੱਚ ਨਵਾਂ ਐੱਚਟੀਐੱਮਐੱਲ ਇਲੈਕਟ੍ਰੌਨ ਜੋੜੋ. |
insertAdjacentHTML() | ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਸਬੰਧਤ ਸਥਾਨ ਵਿੱਚ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਰਮੈਟ ਵਾਲਾ ਟੈਕਸਟ ਜੋੜੋ. |
insertAdjacentText() | ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਸਬੰਧਤ ਸਥਾਨ ਵਿੱਚ ਟੈਕਸਟ ਜੋੜੋ. |
insertBefore() | ਮੌਜੂਦਾ ਉਪ ਨੋਡ ਤੋਂ ਪਹਿਲਾਂ ਨਵਾਂ ਉਪ ਨੋਡ ਜੋੜੋ. |
isContentEditable | ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਸਮਾਗਮ ਸੰਪਾਦਨ ਯੋਗ ਹੈ ਤਾਂ true ਵਾਪਸ ਦੇਣ. |
isDefaultNamespace() | ਜੇਕਰ ਦਿੱਤਾ namespaceURI ਮੂਲਤਬੀ ਹੈ ਤਾਂ true ਵਾਪਸ ਦੇਣ. |
isEqualNode() | ਦੋ ਇਲੈਕਟ੍ਰੌਨਾਂ ਨੂੰ ਬਰਾਬਰ ਹੋਣ ਨਾਲ ਚੈੱਕ ਕਰੋ. |
isSameNode() | ਦੋ ਇਲੈਕਟ੍ਰੌਨਾਂ ਨੂੰ ਇੱਕ ਹੀ ਨੋਡ ਹੋਣ ਨਾਲ ਚੈੱਕ ਕਰੋ. |
isSupported() | ਅਪ੍ਰਚਲਿਤ. |
lang | ਲੈਂਗ ਸੈਟ ਜਾਂ ਵਾਪਸ ਦੇਣ ਲਈ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਲੈਂਗ ਅਟਰੀਬਿਊਟ ਕੀਮਤ. |
lastChild | ਵਾਧੂ ਨੰਬਰ |
lastElementChild | 返回元素的最后一个子元素。 |
matches() | ਜੇਕਰ ਐਲੀਮੈਂਟ ਨੇ ਦਿੱਤੇ ਗਏ CSS ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਣ ਤਾਂ true ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
namespaceURI | ਐਲੀਮੈਂਟ ਦੇ ਨਾਮ ਸਪੇਸ ਯੂਰੀ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
nextSibling | ਇੱਕ ਹੀ ਨੋਡ ਪੱਧਰ ਉੱਤੇ ਸਥਿਤ ਅਗਲੇ ਨੋਡ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
nextElementSibling | ਇੱਕ ਹੀ ਨੋਡ ਪੱਧਰ ਉੱਤੇ ਸਥਿਤ ਅਗਲੇ ਐਲੀਮੈਂਟ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
nodeName | ਨੋਡ ਦੇ ਨਾਮ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
nodeType | ਨੋਡ ਦੇ ਨੋਡ ਪ੍ਰਕਾਰ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
nodeValue | ਨੋਡ ਦੀ ਕੀਮਤ ਨੂੰ ਸੈਟ ਕਰਦਾ ਜਾਂ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
normalize() | ਐਲੀਮੈਂਟ ਵਿੱਚ ਨਜ਼ਦੀਕੀ ਟੈਕਸਟ ਨੋਡਾਂ ਨੂੰ ਮਿਲਾ ਕੇ ਅਤੇ ਖਾਲੀ ਟੈਕਸਟ ਨੋਡਾਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ。 |
offsetHeight | ਐਲੀਮੈਂਟ ਦੀ ਉੱਚਾਈ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ (ਇੰਦਰਾਣੀ, ਬੋਰਡਰ ਅਤੇ ਸਕਰੋਲ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ)。 |
offsetWidth | ਐਲੀਮੈਂਟ ਦੀ ਚੌੜਾਈ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ (ਇੰਦਰਾਣੀ, ਬੋਰਡਰ ਅਤੇ ਸਕਰੋਲ ਬਾਰੇ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ)。 |
offsetLeft | ਐਲੀਮੈਂਟ ਦੇ ਉੱਚੀ ਸਥਿਤੀ ਦੇ ਕੇਂਦਰੀ ਸਥਿਤੀ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
offsetParent | ਐਲੀਮੈਂਟ ਦੇ ਉੱਚੀ ਸਥਿਤੀ ਦੇ ਉੱਚੀ ਸਥਿਤੀ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
offsetTop | ਐਲੀਮੈਂਟ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
outerHTML | ਐਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਸੈਟ ਕਰਦਾ ਜਾਂ ਵਾਪਸ ਦਿੰਦਾ ਹੈ (ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਟੈਗਸ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ)。 |
outerText | ਨੋਡ ਅਤੇ ਉਸ ਦੇ ਪੌਣਾਂ ਦੇ ਬਾਹਰੀ ਟੈਕਸਟ ਸਮੱਗਰੀ ਨੂੰ ਸੈਟ ਕਰਦਾ ਜਾਂ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
ownerDocument | ਐਲੀਮੈਂਟ ਦੇ ਮੂਲ ਐਲੀਮੈਂਟ (ਦਸਤਾਵੇਜ਼ ਦਾ ਦਸਤਾਵੇਜ਼) ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
parentNode | ਐਲੀਮੈਂਟ ਦੇ ਮੂਲ ਨੋਡ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
parentElement | ਐਲੀਮੈਂਟ ਦੇ ਮੂਲ ਐਲੀਮੈਂਟ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
previousSibling | ਇੱਕ ਹੀ ਨੋਡ ਪੱਧਰ ਉੱਤੇ ਸਥਿਤ ਪਿਛਲੇ ਨੋਡ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
previousElementSibling | ਇੱਕ ਹੀ ਨੋਡ ਪੱਧਰ ਉੱਤੇ ਸਥਿਤ ਪਿਛਲੇ ਐਲੀਮੈਂਟ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
querySelector() | CSS ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਣ ਵਾਲਾ ਪਹਿਲਾ ਉਪ ਐਲੀਮੈਂਟ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
querySelectorAll() | CSS ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਣ ਵਾਲੇ ਸਾਰੇ ਉਪ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
remove() | DOM ਤੋਂ ਐਲੀਮੈਂਟ ਹਟਾ ਦਿੰਦਾ ਹੈ。 |
removeAttribute() | ਐਲੀਮੈਂਟ ਤੋਂ ਅਟਰੀਬਿਊਟ ਹਟਾ ਦਿੰਦਾ ਹੈ。 |
removeAttributeNode() | ਅਤੇ ਹਟਾਈ ਗਈ ਨੋਡ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。 |
removeChild() | ਐਲੀਮੈਂਟ ਤੋਂ ਉਪ ਨੋਡ ਹਟਾ ਦਿੰਦਾ ਹੈ。 |
removeEventListener() | addEventListener() ਮੱਥੇ ਨਾਲ ਜੋੜੇ ਗਏ ਈਵੈਂਟ ਹੈਂਡਲਰ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ。 |
replaceChild() | ਐਲੀਮੈਂਟ ਵਿੱਚ ਉਪ ਨੋਡ ਬਦਲਦਾ ਹੈ。 |
scrollHeight | ਪੂਰੀ ਐਲੀਮੈਂਟ ਦੀ ਉੱਚਾਈ ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਇੰਦਰਾਣੀ ਸ਼ਾਮਲ ਹੈ। |
scrollIntoView() | ਏਲੀਮੈਂਟ ਨੂੰ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਦੇ ਦਿਸ਼ਾ ਵਿੱਚ ਸਥਾਨਿਤ ਕਰੋ ਜਿਸ ਵਿੱਚ ਇਹ ਦਿਸ਼ਾ ਵਿੱਚ ਸਥਾਨਿਤ ਹੈ। |
scrollLeft | ਏਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਦੀ ਪਹਿਲੀ ਵਿਸ਼ਾਲਤਾ ਵਾਪਸ ਲਓ ਜਾਂ ਸੈਟ ਕਰੋ。 |
scrollTop | ਏਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਦੀ ਲੰਬਾਈ ਵਿੱਚ ਸ਼ਾਮਲ ਵਰਤੀ ਗਈ ਵਿਸ਼ਾਲਤਾ ਵਾਪਸ ਲਓ ਜਾਂ ਸੈਟ ਕਰੋ。 |
scrollWidth | ਏਲੀਮੈਂਟ ਦੇ ਕੁੱਲ ਚੌਦਾਈ ਵਿੱਚ ਸ਼ਾਮਲ ਇੰਡੈਂਟ ਕਰਕੇ ਵਾਪਸ ਲਓ。 |
setAttribute() | ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਕੀਮਤ ਸੈਟ ਕਰੋ ਜਾਂ ਸੰਤੁਲਿਤ ਕਰੋ。 |
setAttributeNode() | ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਸੰਤੁਲਿਤ ਕਰੋ。 |
style | ਏਲੀਮੈਂਟ ਦੇ style ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਕੀਮਤ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਲਓ。 |
tabIndex | ਏਲੀਮੈਂਟ ਦੇ tabIndex ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਕੀਮਤ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਲਓ。 |
tagName | ਏਲੀਮੈਂਟ ਦੇ ਟੈਗ ਨਾਮ ਨੂੰ ਵਾਪਸ ਲਓ。 |
textContent | ਨੋਡ ਅਤੇ ਇਸ ਦੇ ਬਾਅਦ ਵਾਲੇ ਵੰਸ਼ ਦੇ ਟੈਕਸਟ ਸਮੱਗਰੀ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਲਓ。 |
title | ਏਲੀਮੈਂਟ ਦੇ title ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਕੀਮਤ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਲਓ。 |
toString() | ਏਲੀਮੈਂਟ ਨੂੰ ਸਟਰਿੰਗ ਵਿੱਚ ਬਦਲੋ。 |
Element ਇੰਟਰਫੇਸ ਵਿਸਥਾਰ
Element ਇੰਟਰਫੇਸ HTML ਏਲੀਮੈਂਟ, XML ਏਲੀਮੈਂਟ ਜਾਂ ਟੈਗ ਪ੍ਰਤੀਨਿਧਿਤ ਕਰਦਾ ਹੈ। tagName ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਸ ਏਲੀਮੈਂਟ ਦਾ ਨਾਮ ਸੂਚੀਬੱਧ ਕਰਦੀ ਹੈ। Document ਦੀ documentElement ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਸ ਡਾਕੂਮੈਂਟ ਦੇ ਮੂਲ Element ਆਬਜੈਕਟ ਨੂੰ ਹਵਾਲਾ ਦਿੰਦੀ ਹੈ। HTMLDocument ਆਬਜੈਕਟ ਦੀ body ਪ੍ਰਤੀਯੋਗਿਤਾ ਵੀ ਅਜਿਹੀ ਹੈ, ਇਹ ਵੀ ਡਾਕੂਮੈਂਟ ਦੇ <body> ਏਲੀਮੈਂਟ ਨੂੰ ਹਵਾਲਾ ਦਿੰਦੀ ਹੈ। ਇੱਕ HTML ਡਾਕੂਮੈਂਟ ਵਿੱਚ ਨਿਰਦਿਸ਼ਟ ਨਾਮ ਦਾ ਏਲੀਮੈਂਟ ਲੱਭਣ ਲਈ Document.getElementById() ਵਰਤੋਂ ਕਰੋ (ਅਤੇ ਇਸ ਏਲੀਮੈਂਟ ਨੂੰ id ਪ੍ਰਤੀਯੋਗਿਤਾ ਰਾਹੀਂ ਇੱਕ ਵਿਲੱਖਣ ਨਾਮ ਦੇਣਾ)। ਏਲੀਮੈਂਟ ਦੇ ਟੈਗ ਨਾਮ ਦੇ ਅਧਾਰ 'ਤੇ ਏਲੀਮੈਂਟ ਨੂੰ ਸਥਾਨਿਤ ਕਰਨ ਲਈ getElementsByTagName() ਵਰਤੋਂ ਕਰੋ, ਇਹ ਨਾ ਸਿਰਫ Element ਦਾ ਮੈਥੋਡ ਹੈ ਸਗੋਂ Document ਦਾ ਵੀ ਮੈਥੋਡ ਹੈ। HTML ਡਾਕੂਮੈਂਟ ਵਿੱਚ, ਏਲੀਮੈਂਟ ਦੇ name ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਅਧਾਰ 'ਤੇ ਏਲੀਮੈਂਟ ਲੱਭਣ ਲਈ ਵੀ ਸਮਾਨ ਤਰ੍ਹਾਂ ਦਾ HTMLDocument.getElementsByName() ਮੈਥੋਡ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਅੰਤ ਵਿੱਚ, Document.createElement() ਮੈਥੋਡ ਦੁਆਰਾ ਨਵਾਂ Element ਆਬਜੈਕਟ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ。
addEventListener() ਮੈਥੋਡ (ਅਤੇ ਖਾਸ ਕਰਕੇ IE ਲਈ ਇਕਾਰਜਸ਼ੀ ਮੈਥੋਡ attachEvent() ) ਇੱਕ ਵਿਸ਼ੇਸ਼ ਈਵੈਂਟ ਲਈ ਇਸ ਏਲੀਮੈਂਟ 'ਤੇ ਈਵੈਂਟ ਹੈਂਡਲਰ ਫੰਕਸ਼ਨ ਰਜਿਸਟਰ ਕਰਨ ਦਾ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਤਕਨੀਕੀ ਰੂਪ ਵਿੱਚ, addEventListener() , removeEventListener() ਅਤੇ dispatchEvent() ਦੋਵੇਂ 2 ਜੀਐੱਮ ਡੌਮ ਈਵੈਂਟਸ ਸਪੈਸਿਫਿਕੇਸ਼ਨ ਦੇ EventTarget ਇੰਟਰਫੇਸ ਦੁਆਰਾ ਪਰਿਭਾਸ਼ਿਤ ਹਨ। ਸਾਰੇ Element ਆਬਜੈਕਟ ਈਵੈਂਟਟਾਰਗੈਟ ਇੰਟਰਫੇਸ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹਨ।
ਇਸ ਇੰਟਰਫੇਸ ਦੇ ਹੋਰ ਮੈਥਡ ਇਲੈਮੈਂਟ ਦੇ ਅਟਰੀਬਿਊਟਸ ਨੂੰ ਪਹੁੰਚਾਉਣ ਦੀ ਸਹੂਲਤ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। HTML ਡੂਕੂਮੈਂਟ ਵਿੱਚ (ਅਤੇ ਕਈ ਐਕਸਮਲ ਐਕਸਟੈਂਸ਼ਨ ਵਾਲੇ XML ਡੂਕੂਮੈਂਟ ਵਿੱਚ), ਸਾਰੇ ਅਟਰੀਬਿਊਟ ਸਰਲ ਸਟਰਿੰਗ ਮੁੱਲ ਰੱਖਦੇ ਹਨ ਅਤੇ ਤੁਸੀਂ ਅਟਰੀਬਿਊਟ ਲਈ getAttribute() ਅਤੇ setAttribute() ਮੈਥਡ ਵਰਤ ਕੇ ਕਿਸੇ ਵੀ ਅਟਰੀਬਿਊਟ ਦੀ ਕਿਸੇ ਵੀ ਕਾਰਵਾਈ ਕਰ ਸਕਦੇ ਹੋ।
ਤੁਸੀਂ XML ਡੂਕੂਮੈਂਟ ਵਰਤ ਰਹੇ ਹੋ ਤਾਂ, ਇਹ Entity ਸਰਕਸ ਨੂੰ ਅਟਰੀਬਿਊਟ ਦੇ ਹਿੱਸੇ ਵਜੋਂ ਸਮੇਤ ਕਰ ਸਕਦਾ ਹੈ, ਤੁਸੀਂ ਅਟਰੀਬਿਊਟ ਆਬਜੈਕਟ ਅਤੇ ਇਸ ਦੇ ਨੋਡ ਚੈਡਰ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਹੋਵੇਗੀ। ਤੁਸੀਂ ਇੱਕ ਅਟਰੀਬਿਊਟ ਲਈ getAttributeNode() ਅਤੇ setAttributeNode() ਮੈਥਡ ਵਰਤ ਕੇ ਅਟਰੀਬਿਊਟ ਆਬਜੈਕਟ ਨੂੰ ਲੈ ਸਕਦੇ ਹੋ ਜਾਂ Node ਇੰਟਰਫੇਸ ਦੇ attributes[] ਆਰਰੇ ਨੂੰ ਬਰਾਬਰੀ ਵਿੱਚ ਚੜ੍ਹਾ ਸਕਦੇ ਹੋ। ਤੁਸੀਂ XML ਨਾਮ ਸਪੇਸ ਵਰਤਣ ਵਾਲੇ XML ਡੂਕੂਮੈਂਟ ਵਰਤ ਰਹੇ ਹੋ ਤਾਂ, ਨਾਮ ਦੇ ਨਾਲ 'NS' ਵਾਲੇ ਮੈਥਡਸ ਵਰਤਣਾ ਹੋਵੇਗਾ。
1 ਸੈਵਨ ਤੋਂ normalize() ਮੈਥਡ ਐਲੀਮੈਂਟ ਇੰਟਰਫੇਸ ਦਾ ਹਿੱਸਾ ਹੈ। 2 ਸੈਵਨ ਵਿੱਚ, normalize() ਨੋਡ ਇੰਟਰਫੇਸ ਦਾ ਹਿੱਸਾ ਹੈ। ਸਾਰੇ ਐਲੀਮੈਂਟ ਨੋਡ ਇਸ ਮੈਥਡ ਨੂੰ ਮਿਲਦੇ ਹਨ ਅਤੇ ਇਸ ਦਾ ਉਪਯੋਗ ਕਰ ਸਕਦੇ ਹਨ。
ਗਿਆਨ ਸਮਾਂ: HTML DOM ਨੋਡ
HTML DOM (ਦਸਤਾਵੇਜ਼ ਆਬਜੈਕਟ ਮਾਡਲ) ਵਿੱਚ, ਹਰ ਹਿੱਸਾ ਇੱਕ ਨੋਡ ਹੈ:
- ਦਸਤਾਵੇਜ਼ ਹੀ ਡਾਕੂਮੈਂਟ ਨੋਡ ਹਨ
- ਸਾਰੇ HTML ਇਲੈਮੈਂਟ ਇਲੈਮੈਂਟ ਨੋਡ ਹਨ
- ਸਾਰੇ HTML ਅਟਰੀਬਿਊਟ ਅਟਰੀਬਿਊਟ ਨੋਡ ਹਨ
- HTML ਇਲੈਮੈਂਟ ਵਿੱਚ ਟੈਕਸਟ ਟੈਕਸਟ ਨੋਡ ਹਨ
- ਕਮੇਂਟ ਕਮੇਂਟ ਨੋਡ ਹਨ
Element ਆਬਜੈਕਟ
HTML DOM ਵਿੱਚ, Element ਆਬਜੈਕਟ HTML ਇਲੈਮੈਂਟ ਨੂੰ ਪ੍ਰਤੀਨਿਧਤ ਕਰਦਾ ਹੈ。
Element ਆਬਜੈਕਟ ਇਲੈਮੈਂਟ ਨੋਡ, ਟੈਕਸਟ ਨੋਡ, ਕਮੇਂਟ ਨੋਡ ਦੇ ਸਬੰਧਤ ਨੋਡ ਰੱਖ ਸਕਦੇ ਹਨ。
NodeList ਆਬਜੈਕਟ ਨੋਡ ਲਿਸਟ ਦਿਸਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ HTML ਇਲੈਮੈਂਟ ਦੇ ਸਬੰਧਤ ਨੋਡ ਕੈਸੈਟ
ਇਲੈਮੈਂਟ ਵੀ ਅਟਰੀਬਿਊਟ ਰੱਖ ਸਕਦੇ ਹਨ। ਅਟਰੀਬਿਊਟ ਅਟਰੀਬਿਊਟ ਨੋਡ (ਅਗਲੇ ਅਧਿਆਏ ਦੇਖੋ) ਹਨ。
- ਪਿਛਲਾ ਪੰਨਾ HTML ਡੂਕੂਮੈਂਟ
- ਅਗਲਾ ਪੰਨਾ HTML ਅਟਰੀਬਿਊਟ