ویژگی style عنصر DOM HTML

تعریف و استفاده

style ویژگی بازگشتی مقدار ویژگی style عنصر را به عنوان موضوع CSSStyleDeclaration بازمی‌گرداند.

موضوع CSSStyleDeclaration شامل تمام ویژگی‌های استایل درون‌محلی عنصر است. این شامل <head> ویژگی‌های استایل هر بخش یا هر جدول استایل خارجی تنظیم شده.

نکته 1

نمی‌توانید از این نوع استایل استفاده کنید:

element.style = "color:red";

باید از این ویژگی‌های CSS استفاده کنید:

element.style.backgroundColor = "red";

خودتان امتحان کنید

نکته 2

قانون‌نویسی JavaScript و CSS کمی متفاوت است:

backgroundColor / background-color

لطفاً به دستورالعمل کامل موضوع Style.

نکته 3

از این ویژگی style استفاده کنید، نه روش setAttribute()، تا از پوشش ویژگی‌های دیگر style attribute جلوگیری شود.

لطفاً به اینجا مراجعه کنید:

CSS تعلیم

CSS مرجع

موضوع Style

HTML <style> کا تگ

مثال

مثال 1

رنگ "myH1" را تغییر دهید:

document.getElementById("myH1").style.color = "red";

خودتان امتحان کنید

مثال 2

مقدار بالای "myP" را دریافت کنید:

let value = document.getElementById("myP").style.borderTop;

خودتان امتحان کنید

قانون‌نویسی

ویژگی style را بازگردانید:

عنصر.style.ویژگی

ویژگی style را تنظیم کنید:

عنصر.style.ویژگی = مقدار

مقدار ویژگی

مقدار توضیح
مقدار

مقدار ویژگی مشخص شده را تعیین کنید.

مثال:

element.style.borderBottom = "2px solid red"

مقدار بازگشتی

نوع توضیح
موضوع موضوع CSSStyleDeclaration عناصر.

پشتیبانی مرورگر

element.style این یک ویژگی DOM Level 2 (2001) است.

تمام مرورگرها این را کاملاً پشتیبانی می‌کنند:

کروم آئی ای ایج فایرفاکس سافری آپرا
کروم آئی ای ایج فایرفاکس سافری آپرا
دست یاب ہو 9-11 دست یاب ہو دست یاب ہو دست یاب ہو دست یاب ہو