16 js動態新增樣式

2022-02-20 15:46:35 字數 475 閱讀 6806

有兩種方式:

div.setattribute("style","font-size: 44px;");//一次新增多個

div.style.color="white";//style.樣式名=樣式值;

function test1()

預設好兩個樣式**,然後js改變class屬性值為準備好的樣式**就好了。

也有兩種修改class屬性值的方法

div.classname = "style2";

div.setattribute("class","style2");

function test2()

這個就不用說了,原理一樣的啦,將link標籤中的href的值改一改就好了。

通過修改標籤的style屬性

準備好兩個樣式,通過修改標籤的class屬性

hello

16 js的高階函式reduce

需求 陣列裡所有值進行相加 lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head 需求 陣列裡所有值進行相加 const nums 34 4553 345...

JS動態新增樣式和指令碼

在ie下style和script是特殊的元素,dom無法訪問其子節點,所以指令碼和樣式的動態生成需要考慮對ie的特殊處理 對於樣式,如果內容較少,或者不想放到檔案中,可以使用dom.style.csstext來批量設定。style 載入樣式內容 function loadstyle styletex...

原生js動態新增樣式表

原生js給html動態新增樣式表 1.建立標籤新增一張內建樣式表 var style1 document.createelement style style1.innerhtml body top hover 2.另一種是新增外部樣式表,即在文件中新增乙個link節點,然後將href屬性指向外部樣式...