Hukumarin getComputedStyle()

Tabbin saman kwaya da saman kwaya

getComputedStyle() Hawani na saman kwaya yana samun saman kwaya na saman kwaya na HTML.

getComputedStyle() Hawani na saman kwaya na saman kwaya yana samun saman kwaya na CSSStyleDeclaration.

Saman kwaya na saman kwaya

Saman kwaya na saman kwaya yana nufin saman kwaya a cikin kwaya bayan an samun saman kwaya daga dukiyar saman kwaya.

Mananin saman kwaya: Saman kwaya na waje da na ciki, saman kwaya na yarda da saman kwaya na browsers da kuma saman kwaya na kwarin kwaya.

Duba kuma:

CSSStyleDeclaration ɗanin

Shirin

Tari 1

Samun kashi na saman rabin kwaya:

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

Jiya sabi

Tari 2

Samun saman kwaya a cikin kwaya:

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>";
}

Jiya sabi

Tari 3

Gyara kashi na saman kwaya na farko a cikin kwaya (a samun saman pseudoElement):

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

Jiya sabi

Dabara

window.getComputedStyle(element, pseudoElement)

Manufa

Manufa Tasirin
element Dauki. A samun saman kwaya wanda zai zama saman kwaya.
pseudoElement A kari. A samun kashi na pseudoElement.

Dukiya

Kini Tasirin
Kashi Samu kashi na saman CSS da dukiyar CSSStyleDeclaration.

Kiyasa tsakiya tsakiya tsakiya getComputedStyle() da sabon kashi

Kuwarin girmu getComputedStyle() hawani da sabon kashi na HTMLElement, kuma yana samun samun kashi na layin saman kwaya, da kuma, yana rufe bayanin kashi na saman kwaya a cikin tarin saman kwaya.

浏览器支持

所有浏览器都支持 getComputedStyle()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持