জয়েন লগইন

জাভাস্ক্রিপ্ট adoptedStyleSheets

🌈জাভাস্ক্রিপ্ট adoptedStyleSheets কি?

📋জাভাস্ক্রিপ্ট adoptedStyleSheets হলো ডকুমেন্টের গৃহীত স্টাইলশিটগুলোর তালিকা নির্ধারণ করার পদ্ধতি।

⚒️জাভাস্ক্রিপ্ট adoptedStyleSheets ডকুমেন্টের গৃহীত স্টাইলশিটগুলোর তালিকা নির্ধারণ করতে ব্যবহৃত হয়।

জাভাস্ক্রিপ্ট adoptedStyleSheets ডকুমেন্টের গৃহীত স্টাইলশিটগুলোর তালিকা নির্ধারণ করার উদাহরণ।

javascript
<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">click to view result</button>

<p id="result">ওয়েটিং</p>

<script>
function execute() {
  let sheet = new CSSStyleSheet();

  sheet.replaceSync("body { background: pink; }");

  document.adoptedStyleSheets = [sheet];

  result.textContent = "স্টাইলশিট";
}
</script>

</body>
</html>