js中怎樣替換css樣式

這篇文章主要介紹了js中怎樣替換css樣式，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯公司致力于網站設計、網站建設,成都網站設計,集團網站建設等服務標準化，推過標準化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務水平進行質量交付，讓企業(yè)網站從市場競爭中脫穎而出。 選擇創(chuàng)新互聯公司，就選擇了安全、穩(wěn)定、美觀的網站建設服務！

1、使用obj.className來修改樣式表的類名。

function changeStyle1() {
  var obj = document.getElementById("btnB");
  obj.style.backgroundColor= "black";
}

2、使用obj.style.cssText來修改嵌入式的css。

function changeStyle2() {
   var obj = document.getElementById("btnB");
   obj.style.cssText = "background-color:black;
   display:block;
   color:White;
}

3、使用obj.className來修改樣式表的類名。

function changeStyle3() {
  var obj = document.getElementById("btnB");
  //obj.className = "style2";
  obj.setAttribute("class", "style2");
}

4、使用更改外聯的css文件，從而改變元素的css。

function changeStyle4() {
   var obj = document.getElementById("css");
   obj.setAttribute("href","css2.css");
}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“js中怎樣替換css樣式”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯，關注創(chuàng)新互聯行業(yè)資訊頻道，更多相關知識等著你來學習!

標題名稱：js中怎樣替換css樣式
文章URL：http://muchs.cn/article28/ijoccp.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站策劃、外貿建站、用戶體驗、商城網站、微信公眾號、品牌網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯