cssText實現js新增樣式

2021-07-24 15:58:06 字數 616 閱讀 7201

首先說說html新增樣式的方式有哪些？

1、行內寫樣式，在標籤中通過style寫樣式，如:
2、寫內部樣式表，也就是在head標籤中加入標籤，將樣式寫在這裡邊，如：
3、外部引入樣式，這也是最常用的一種，通過

4、通過js修改樣式，node.style.width = '300px'

以上都是常見的也是常用到的一些新增樣式方法，今天在看書的時候看到了js新增樣式的另外一種方法，頓時覺的這個逼格真的好高啊，這個方法就是node.style.csstext = '';

這個值可以是多個屬性值，就好比jq中$('').css();可以同時新增多個樣式

obj.csstext += "


;width:200px;position:absolute;left:100px;


";　//


這樣便能解決在ie中出現的問題了

obj.csstext = " width:200px;position:absolute;left:100px;

 
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 巧用cssText屬性 操作樣式
給乙個html元素設定css屬性,傳統做法 varmybox document.getelementbyid mybox mybox.style.width 200px mybox.style.height 70px mybox.style.display block 這樣寫很煩，尤其是很多的時候，...