原生js改變多個樣式（原生js改變css樣式）

本文目錄一覽：

原生js可以這樣改：

var oDiv=document.getElementsByClassName(‘DIV’);

var i=0;

while(ioDiv.length)

{

oDiv[i].style.height=*px;

i++;

}

匹配多個指定位置，並且要修改，那你就只有先用for循環把每個標籤的style獲取到，然後使用正則表達式來進行搜索，匹配到你需要的這個90deg，替換成0就行了。關鍵是正則你要考慮全面

JS里添加樣式的方法：

1、首先，要創建標籤，使用document.createElement函數，如圖創建div標籤。使用其className設置class，id設置id，style設置樣式。

2、樣式的設置也可以分項進行。如圖是分項設置其left，top，display，position，width幾個樣式。

3、通過設置標籤的innerHTML屬性可以直接給其添加子標籤以及子標籤的樣式。當然，也可以分項分層添加標籤。

4、設置好標籤（如圖是div標籤，變數名box），使用document.body.appendChild添加標籤到body當中。

5、標籤添加以後，依然可以修改樣式，如圖是使用document.getElementById方法根據id獲取標籤，修改style。

6、標籤添加以後，也可以給其添加和刪除event處理。如圖是使用jQuery給id為img-preview-box的標籤添加hover滑鼠經過的處理。

js是無法直接修改css文件的，但可以通過取對象的方式修改對象的樣式，通常有兩種方法：

1、改變className，但首先在樣式表中預設定樣式類。

例如：document.getElementById(‘obj’).className=’…’;

2、改變cssText。

例如：document.getElementById(‘obj’).style.height=’100px’;

~如果你認可我的回答，請及時點擊【採納為滿意回答】按鈕

~~手機提問的朋友在客戶端右上角評價點【滿意】即可。

~你的採納是我前進的動力

~~O(∩_∩)O，記得好評和採納，互相幫助，謝謝。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/151889.html