Window getComputedStyle() মথুরা

  • পূর্ববর্তী পৃষ্ঠা
  • পরবর্তী পৃষ্ঠা
  • একটি স্তর উপরে Window অবজেক্ট

বর্ণনা এবং ব্যবহার

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()：

চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা
  • পরবর্তী পৃষ্ঠা
  • একটি স্তর উপরে Window অবজেক্ট