Window getComputedStyle() ਮੈਥਡ

  • ਪਿੰਡ ਪਹਿਲਾਂ
  • ਅਗਲਾ ਪੰਨਾ
  • ਪਿੰਡ ਵਾਪਸ ویندو آپیکل

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

getComputedStyle() ਮੈਥਡ ਐਚਟੀਐੱਮਐੱਲ ਇਲੀਮੈਂਟ ਦੇ ਕੰਡੇਸ਼ਨ ਸੀਐੱਸਐੱਸ ਪ੍ਰਾਪਰਟੀਆਂ ਅਤੇ ਕੀਮਤਾਂ ਲੈਂਦਾ ਹੈ。

getComputedStyle() ਮੈਥਡ ਸੀਐੱਸਐੱਸਡੀਏਲੇਸ਼ਨ ਆਬਜੈਕਟ ਰਿਟਰਨ ਕਰਦਾ ਹੈ。

ਕੰਡੇਸ਼ਨ ਸਟਾਈਲ

ਕੰਡੇਸ਼ਨ ਸਟਾਈਲ ਇਲੀਮੈਂਟ 'ਤੇ ਸਾਰੇ ਸਟਾਈਲ ਸਰੋਤਾਂ ਦੇ ਐਪਲਾਈਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਸਟਾਈਲ ਹੈ。

ਸਟਾਈਲ ਸਰੋਤ: ਬਾਹਰੀ ਅਤੇ ਅੰਦਰੂਨੀ ਸਟਾਈਲ ਸ਼ੈਟ, ਵਿਰਾਸਤੀ ਸਟਾਈਲ ਅਤੇ ਬਰਾਉਜ਼ਰ ਮੂਲਭੂਤ ਸਟਾਈਲ

ਹੋਰ ਦੇਖੋ:

CSSStyleDeclaration ਆਬੋਦਧਰ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਇਲੀਮੈਂਟ ਦੇ ਕੰਡੇਸ਼ਨ ਬੈਕਗਰਾਊਂਡ ਕਲਰ ਲੈਣਾ

const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, null);
let bgColor = cssObj.getPropertyValue("background-color");

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇਲੀਮੈਂਟ ਤੋਂ ਸਾਰੇ ਕੰਡੇਸ਼ਨ ਲੈਣਾ

const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, null);
let text = "";
for (x in cssObj) {
  cssObjProp = cssObj.item(x)
  text += cssObjProp + " = " + cssObj.getPropertyValue(cssObjProp) + "<br>";
}

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 3

ਪਸੂਦੋ ਇਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਲੀਮੈਂਟ ਵਿੱਚ ਪਹਿਲੀ ਅੱਖਰ ਦੇ ਕੰਡੇਸ਼ਨ ਫੰਟ ਸਾਈਜ਼ ਨੂੰ ਲੈਣਾ (

const element = document.getElementById("test"); const cssObj = window.getComputedStyle(element, ":first-letter")
let size = cssObj.getPropertyValue("font-size");

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਸਿਧਾਂਤ

window.getComputedStyle(element, pseudoElement)

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
element ਲਾਜ਼ਮੀ। ਜਿਸ ਇਲੀਮੈਂਟ ਲਈ ਸਟਾਈਲ ਲੈਣਾ ਹੈ।
pseudoElement ਵਿਕਲਪਿਤ। ਜਿਸ ਪਸੂਦੋ ਇਲੀਮੈਂਟ ਨੂੰ ਲੈਣਾ ਹੈ।

ਰਿਟਰਨ ਵੈਲਿਊ

ਇਕਾਈ ਵਰਣਨ
ਆਬਜੈਕਟ ਇਲੀਮੈਂਟ ਦੇ ਸਾਰੇ ਸੀਐੱਸਐੱਸ ਪ੍ਰਾਪਰਟੀਆਂ ਅਤੇ ਕੀਮਤਾਂ ਵਾਲਾ ਸੀਐੱਸਐੱਸਡੀਏਲੇਸ਼ਨ ਆਬਜੈਕਟ

getComputedStyle() ਮੈਥਡ ਅਤੇ ਸਟਾਈਲ ਪ੍ਰਾਪਰਟੀ ਦਾ ਅਲਗ ਹੋਣਾ

ਜੀਤ ਕੀਤੇ ਗਏ ਕੰਡੇਸ਼ਨ ਮੈਥਡ ਨੂੰ ਐਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ ਪ੍ਰਾਪਰਟੀ ਨਾਲ ਤੁਲਨਾ ਕਰੋ: ਅੰਤਰਿਮ ਪ੍ਰਾਪਰਟੀ ਕੇਵਲ ਇਲੀਮੈਂਟ ਦੇ ਇਨਲਾਈਨ ਸਟਾਈਲ ਨੂੰ ਪਹੁੰਚਾਉਂਦੀ ਹੈ, ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਇਕਾਈ ਨਾਲ ਸ਼ਾਮਿਲ ਕਰ ਸਕਦੇ ਹੋ, ਅਤੇ, ਇਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ ਸ਼ੈਟ ਦੇ ਐਪਲਾਈਡ ਸਟਾਈਲ ਬਾਰੇ ਕੋਈ ਸੂਚਨਾ ਦੇਣ ਦੀ ਸਮਰੱਥਾ ਨਹੀਂ ਹੈ。

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵੱਲੋਂ ਸਮਰਥਿਤ getComputedStyle()ਪੰਜਾਬੀ :

ਚਰਮ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ
  • ਪਿੰਡ ਪਹਿਲਾਂ
  • ਅਗਲਾ ਪੰਨਾ
  • ਪਿੰਡ ਵਾਪਸ ویندو آپیکل