通過js設定css

2021-05-22 02:34:08 字數 415 閱讀 5915

firefox等可以使用

var dom=document.getelementbyid("name");

dom.setattribute("style","width:10px;height:10px;border:solid 1px red;") ;

ie中則必須使用style.csstext

var dom=document.getelementbyid("name");

dom1.style.csstext = "width:10px;height:10px;border:solid 1px red;";

補充一下,目前style.csstext類似innerhtml了,已經成為乙個web開發的事實標準。因此測試顯示firefox瀏覽器也支援這種方式。

本另附按鈕的幾個css樣式:

通過Js來設定頁面樣式

我們可以在編輯html原始碼的時候將css樣式寫死到.css檔案或者html元素的style屬性中,但又時候可能會需要動態地來修改某個元素的樣式。我這裡介紹兩種方式 修改html元素的style屬性 動態載入link節點。在使用各種框架之前,必須要知道原生的js到底是怎麼寫的。這裡最直接的辦法就是 ...

Js中設定css樣式

css div.style style js window.onload function false script html div 按鈕 button body 方法1.使用obj.style來修改css obj.style.屬性名 屬性值 此方法設定的是內聯樣式,而且有 時需要使用駝峰命名法 ...

js設定css和獲取css的方法

今天寫 使用 ele.style.height 獲取div的高度height值時出現錯誤 錯誤 div width 100px var aa document.getelementbyid div1 var x aa.style.width alert x 彈出的框什麼都沒有 分析 通過js獲取容器...