Js中設定css樣式

2021-10-25 09:36:01 字數 895 閱讀 5256

css**



div.style


<


/style>
js**



window.


onload


=function()


,false)}


<


/script>
html**



<


/div>


按鈕<


/button>


<


/body>
方法1.使用obj.style來修改css

obj.style.屬性名=「屬性值」;此方法設定的是內聯樣式，而且有"-"時需要使用駝峰命名法

obj.style.backgroundcolor=


"red"


;
方法2.使用obj.style.csstest來修改css

obj.style.csstext=「屬性名：屬性值;」 此方法設定的也是內聯樣式，但是不需要使用駝峰命名法。

obj.style.csstext=


"background-color:black;"


;
方法3. 使用obj.classname來修改樣式表的類名

obj.classname=「類名」;此方法修改的是css樣式表，會將相同的樣式覆蓋

obj.classname=


"style"


;

js中用cssText設定css樣式

如果網頁中乙個 id為 no 的標籤，暫且當div標籤來tell 想要在js中設定這個div的css樣式，很一般的做法是 var obj document.getelementbyidx x x no obj.style.width 400px obj.style.height 300px 如果要設...

js中用cssText設定css樣式

如果網頁中乙個 id為 no 的標籤，暫且當div標籤來tell 想要在js中設定這個div的css樣式，很一般的做法是 var obj document.getelementbyidx x x no obj.style.width 400px obj.style.height 300px 如果要設...

JS設定CSS樣式的幾種方式

1.直接設定style的屬性某些情況用這個設定 important值無效 如果屬性有 號，就寫成駝峰的形式 如textalign 如果想保留 號，就中括號的形式 element.style text align 100px element.style.height 100px 2.直接設定屬性 只能...