HTML DOM Element style özniteliği

Tanım ve kullanım

style özelliği,元素的 style özniteliğinin değerini CSSStyleDeclaration nesnesi olarak döndürür.

CSSStyleDeclaration nesnesi,元素的 tüm iç stil özniteliğini içerir. Ayrıca, <head> tarafından ayarlanan herhangi bir stil özniteliği.

Önemli 1

Bu tür stilleri ayarlayamazsınız:

element.style = "color:red";

Bu tür CSS özniteliğini kullanmanız gerekiyor:

element.style.backgroundColor = "red";

Kişisel olarak deneyin

Önemli 2

JavaScript sözdizimi ve CSS sözdizimi biraz farklıdır:

backgroundColor / background-color

Ayrıca bkz: Tam Style nesnesi referans el kitabı.

Önemli 3

Bu style özniteliğini kullanın,而不是 setAttribute() yöntemidiğer style özniteliği özelliklerini geçersiz kılmak için.

Ayrıca bkz:

CSS eğitimi

CSS referans el kitabı

Style nesnesi

HTML <style> etiketi

Örnek

Örnek 1

"myH1" rengini değiştirin:

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

Kişisel olarak deneyin

Örnek 2

"myP" in üst çerçevesinin değerini alın:

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

Kişisel olarak deneyin

Sözdizimi

style özniteliğini döndürün:

element.style.property

style özniteliğini ayarlayın:

element.style.property = value

Öznitelik değeri

Değer Tanım
value

Öznitelik değerini belirtin.

Örneğin:

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

Dönüş değeri

Tür Tanım
Nesne elementsinin CSSStyleDeclaration nesnesi.

Tarayıcı desteği

element.style DOM Level 2 (2001) özelliğidir.

Tüm tarayıcılar tamamen buyu destekler:

Chrome IE Edge Firefox Safari Operasyon
Chrome IE Edge Firefox Safari Operasyon
Destek 9-11 Destek Destek Destek Destek