HTML DOM Element style 属性

定义和用法

style 属性返回元素的 style 属性的值，以 CSSStyleDeclaration 对象。

CSSStyleDeclaration 对象包含元素的所有行内样式属性。它不包含在 部分或任何外部样式表中设置的任何样式属性。

ਅੰਤਿਮ ਸੁਝਾਅ 1

ਤੁਸੀਂ ਅਜਿਹੇ ਸਟਾਈਲ ਨਾ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ:

element.style = "color:red";

ਤੁਸੀਂ ਅਜਿਹੇ ਸਟਾਈਲ ਸੁਆਮੀ ਵਰਤਣਾ ਪਵੇਂ:

element.style.backgroundColor = "red";  

ਸਵੈ ਸਿਖਾਓ

ਅੰਤਿਮ ਸੁਝਾਅ 2

JavaScript ਗਰੇਫਟ ਅਤੇ CSS ਗਰੇਫਟ ਕ੍ਰਮ ਤੋਂ ਥੋੜ੍ਹਾ ਅਲੱਗ ਹੈ:

backgroundColor / background-color

ਇਹ ਦੇਖੋ ਸਾਡੇ: ਪੂਰਾ Style ਆਬਜੈਕਟ ਸੰਦਰਭ ਮੁੱਲ.

ਅੰਤਿਮ ਸੁਝਾਅ 3

ਇਸ ਸਟਾਈਲ ਸੁਆਮੀ ਦੀ ਵਰਤੋਂ ਕਰੋ ਨਹੀਂ: setAttribute() ਮੱਥਾਸਵਾਮੀ ਸੁਆਮੀ ਪ੍ਰਤੀਕਰਮ ਵਿੱਚ ਹੋਰ ਸੁਆਮੀ ਦਾ ਅਸਰ ਨਾ ਕਰੇ:

ਇਹ ਦੇਖੋ:

CSS تعلیم

CSS مرجع کتاب

Style ਆਬਜੈਕਟ

HTML <style> چھاپ

ਪ੍ਰਯੋਗ

ਉਦਾਹਰਣ 1

"myH1" ਦੇ ਰੰਗ ਨੂੰ ਬਦਲੋ:

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

ਸਵੈ ਸਿਖਾਓ

ਉਦਾਹਰਣ 2

"myP" ਦੇ ਉੱਪਰਲੇ ਬਾਰੇ ਸੁਆਮੀ ਮੁੱਲ ਲੈਓ:

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

ਸਵੈ ਸਿਖਾਓ

ਸ਼ਾਬਦਿਕ

style ਸੁਆਮੀ ਰਿਟਰਨ ਕਰੋ:

element.style.property

style ਸੁਆਮੀ ਸੈਟ ਕਰੋ:

element.style.property = value

ਸੁਆਮੀ ਮੁੱਲ

ਰਿਟਰਨ ਮੁੱਲ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਤਾ

element.style ਇਹ DOM Level 2 (2001) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਤ ਕਰਦੇ ਹਨ:

ٹولز کا گھر

جاوا اسکریپت اور ایچ تی ایم ال ڈوم رفرنس دستور

JavaScript مثال

JavaScript ٹیسٹ

JavaScript تعلیم

سپانسر لنک