亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

HTML DOM style 屬性

HTML DOM Element 對象

style屬性設(shè)置或返回元素的內(nèi)聯(lián)樣式。

它返回一個CSSStyleDeclaration對象，該對象包含該元素的所有樣式屬性的列表，并為該元素的內(nèi)聯(lián)樣式屬性中定義的屬性分配了值。

語法：

返回樣式屬性：

element.style.property

設(shè)置樣式屬性：

element.style.property = value
document.getElementById("demo").style.color = "blue";
測試看看?/?

注意：無法通過將字符串分配給style屬性來設(shè)置樣式，例如element.style="color：blue;"。要設(shè)置元素的樣式，請?jiān)跇邮胶竺娓郊右粋€"CSS"屬性并指定一個值，如下所示：

element.style.backgroundColor="blue"; //將元素的背景色設(shè)置為藍(lán)色

正如您看到的，用于設(shè)置CSS屬性的JavaScript語法與CSS(backgroundColor而不是background-color)略有不同。

有關(guān)所有可用屬性的列表，請參見樣式對象參考。

style屬性對于完全了解應(yīng)用于元素的樣式?jīng)]有用，因?yàn)樗鼉H表示元素的內(nèi)聯(lián)樣式屬性中設(shè)置的CSS聲明，而不表示來自其他地方的樣式規(guī)則(例如本節(jié)中的樣式規(guī)則)的CSS聲明，或者外部樣式表。要獲取元素的所有CSS屬性的值，應(yīng)改用window.getComputedStyle()。

但是，可以使用document.getElementsByTagName()從<head>訪問<style>元素：

var x = document.getElementsByTagName("style")[0]; //獲取第一個<style>元素

注意：建議使用style屬性而不是元素 .setAttribute("style"，"...")方法，因?yàn)閟tyle屬性不會覆蓋style屬性中可能指定的其他CSS屬性。

瀏覽器兼容性

所有瀏覽器完全支持style屬性：

屬性
style是是是是是

屬性值

值描述
value指定指定屬性的值。例如，對于border屬性：
element.style.border="5px純藍(lán)色";

技術(shù)細(xì)節(jié)

返回值：一個CSSStyleDeclaration對象，表示元素的style屬性
DOM版本：CSS對象模型(CSSOM)

更多實(shí)例

獲取<p>元素的上邊界值：

var x = document.getElementById("demo").style.borderTop;
測試看看?/?

使用元素 .setAttribute()方法設(shè)置CSS樣式：

var div = document.querySelector("#myDiv");
div.setAttribute("style", "color:red; border: 1px solid blue;");
測試看看?/?

相關(guān)參考

CSS教程：CSS教程

CSS參考：CSS屬性大全

HTML參考：HTML樣式屬性

HTML參考：HTML <style>標(biāo)記

HTML DOM Element 對象