Window getComputedStyle() মথদণ্ড

সংজ্ঞা ও ব্যবহার

getComputedStyle() মথদলটি HTML ইলাকার গণনা করা হওয়া CSS এপার্টি এবং মানদণ্ডগুলি পাওয়া হবে

getComputedStyle() মথদলটি CSSStyleDeclaration মধ্যস্থকারী অবজেক্ট ফলাফল প্রদান করে

গণনা করা হওয়া স্টাইল

গণনা করা হওয়া স্টাইল বলা হয় যে, যখন সমস্ত স্টাইল উৎস অ্যাপ্লাই করা হয়, তখন ইলাকায় ব্যবহৃত হওয়া স্টাইল

স্টাইল উৎস: বাহ্যিক এবং অভ্যন্তরীণ স্টাইল টেবিল, উত্তরসূরী স্টাইল এবং ব্রাউজারের ডিফল্ট স্টাইল

অন্যান্য দেখুন:

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 বাছাইযোগ্য। যেসব প্রকৃতির প্রকৃতির জন্য তথ্য পাওয়া হবে

ফলাফল

ধরন বর্ণনা
অবজেক্ট সব ক্ষেত্রে CSS এপার্টির এবং মানদণ্ডগুলির CSSStyleDeclaration মধ্যস্থকারী অবজেক্ট

getComputedStyle() মথদলকে style এপার্টির মধ্যে পার্থক্য

getComputedStyle() মথদলকে HTMLElement এর style এপার্টির সঙ্গে তুলনা করুন: সর্বশেষত, এটি শুধুমাত্র ইলাকার ইনলাইন স্টাইল প্রবেশ করতে পারে, এবং এটি ইলাকার স্টাইল টেবিলের স্টাইল সাইলের কোনো তথ্য দিতে পারে না。

浏览器支持

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

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