HTML DOM Element setAttribute() ਮੱਥਦਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

setAttribute() ਮੱਥਦਾ ਦਿੱਤੇ ਗਿਆ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ ਅਤੇ ਉਸ ਨੂੰ ਦਿੱਤੇ ਗਿਆ ਮੁੱਲ ਨੂੰ ਅਪਣਾਉਂਦਾ ਹੈ。

ਜੇਕਰ ਇਹ ਦਿੱਤਾ ਗਿਆ ਪ੍ਰਤੀਯੋਗਿਤਾ ਪਹਿਲਾਂ ਹੈ ਤਾਂ ਕੇਵਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰਨਾ/ਬਦਲਣਾ ਹੋਵੇਗਾ।

ਧਿਆਨ:HTML ਦੇ HTMLElement ਪ੍ਰਤੀਯੋਗਿਤਾ ਹਰ ਸਟੈਂਡਰਡ HTML ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਮੱਥਦੇ ਹਨ। ਇਸ ਲਈ ਤੁਸੀਂ ਗ਼ੈਰ ਸਟੈਂਡਰਡ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਸੈਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਇਹ ਮੱਥਦਾ ਵਰਤਣਾ ਪਵੇਗਾ।

ਹੋਰ ਜਾਣਕਾਰੀ:

ਸਹੀਬੁੰਨੀਲਾ:

getAttribute() ਮੱਥਦਾ

removeAttribute() ਮੱਥਦਾ

hasAttribute() ਮੱਥਦਾ

hasAttributes() ਮੱਥਦਾ

getAttributeNode() ਮੱਥਦਾ

setAttributeNode() ਮੱਥਦਾ

removeAttributeNode() ਮੱਥਦਾ

ਸਿੱਖਿਆ ਕੋਰਸ:

HTML ਵਿਸ਼ੇਸ਼ਤਾ

ਮਾਡਲ

ਉਦਾਹਰਣ 1

ਈਲੀਮੈਂਟ ਨੂੰ class ਪ੍ਰਤੀਯੋਗਿਤਾ ਜੋੜੋ:

element.setAttribute("class", "democlass");

ਜੋੜਨ ਤੋਂ ਪਹਿਲਾਂ:

Element ਵਿਸ਼ੇਸ਼ਤਾ

ਜੋੜਨ ਤੋਂ ਬਾਅਦ:

Element ਵਿਸ਼ੇਸ਼ਤਾ

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇਨਪੁਟ ਖੇਤਰ ਨੂੰ ਬਟਨ ਵਿੱਚ ਬਦਲੋ:

myInput.setAttribute("type", "button");

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ:

ਬਦਲਣ ਤੋਂ ਬਾਅਦ:

ਉਦਾਹਰਣ 3

<a> ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ href ਵਿਸ਼ੇਸ਼ਤਾ ਜੋੜੋ:

myAnchor.setAttribute("href", "");

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਜੋੜਨ ਤੋਂ ਪਹਿਲਾਂ:

codew3c.com ਨੂੰ ਦੇਖੋ

ਜੋੜਨ ਤੋਂ ਬਾਅਦ:

codew3c.com ਨੂੰ ਦੇਖੋ

ਉਦਾਹਰਣ 4

target ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ ਬਦਲ ਕੇ "_self" ਕਰੋ:

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰਮਤਾ

element.setAttribute(name, value)

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
name ਲਾਜ਼ਮੀ। ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਨਾਮ
value ਲਾਜ਼ਮੀ। ਨਵਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ

ਨਹੀਂ。

ਫੇਂਕ ਕਰੋ

ਅਪਰਾਧ ਵਰਣਨ
INVALID_CHARACTER_ERR ਪੈਰਾਮੀਟਰ name ਐੱਚਟੀਐੱਮਐੱਲ ਪਾਠ ਨਾਮ ਜਾਂ ਐਕਸਐੱਮਐੱਲ ਪਾਠ ਨਾਮ ਵਿੱਚ ਵਰਤੇ ਨਹੀਂ ਜਾਣ ਵਾਲੇ ਅੱਕਸ਼ਰ ਹਨ。
NO_MODIFICATION_ALLOWED_ERR ਮੌਜੂਦਾ ਵਿਸ਼ੇਸ਼ਤਾ ਪੜ੍ਹਨ ਵਾਲੀ ਹੈ, ਇਸ ਦੀ ਸੋਧ ਨਾ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਧਿਆਨ

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੀ ਸਟਾਈਲ ਵਿੱਚ ਦੂਜੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਓਵਰਰਾਇਡ ਕਰ ਸਕਦੀ ਹੈ, ਇਸ ਲਈ ਇਸ ਪ੍ਰਕਾਰ ਕਰਨਾ ਨਾਚਾਹੀਦ ਹੈ。

ਕਿਰਪਾ ਕਰਕੇ ਸਟਾਈਲ ਆਬਜੈਕਟ ਦੇ ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤੋਂ ਕਰੋ:

ਘਟਨਾ:

element.setAttribute("style", "background-color:red;");

ਮੰਗਨੀ:

element.style.backgroundColor = "red";

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

element.setAttribute() ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਮੋਕ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਕ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ