網站首頁學習教育 IT科技金融知識旅遊規劃生活小知識家鄉美食養生小知識健身運動美容百科遊戲知識綜合知識

當前位置：趣知科普吧 > 綜合知識 >

js怎麼寫樣式

欄目: 綜合知識 / 發佈於: / 人氣:1.84W

1. JS裏添加樣式

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鼠標經過的處理。

2. JS如何寫<style></style>

var style=document.createElement("style");

style.type = "text/css";

style.appendChild(document.createTextNode(".aa{width:100%;}"));

var head = document.getElementsByTagName("head")[0];

head.appendChild(style);

3. css在js裏面怎麼連寫

要在JS中修改樣式，可以這樣：

var dom = document.getElementById('abc');

dom.style.padding = '8px'； //必須提供字元串，數字+單位，不能直接寫數字

dom.style.margin = '0 auto';

dom.style.backgroundColor = '#0F0'; //CSS屬性中的background-color之類有連字元的，去掉連字元，採用駝峯式，首字母小寫，後面所有單詞首字母大寫

//瀏覽器特有屬性：

dom.style.webkitAppearance = 'button'； //對應-webkit-appearance屬性

4. 初學JS,各位高手,js開始的css怎麼寫

你到底要問的是js，還是css

思路要清楚！

js初始化：

//開始

</script>

css分三種一種是用Style直接作用在Dom元素上. 二種是定義在頁面<head></head>；這間

三種是封裝XXX.css頁面引用！！

不懂再百度下！！基礎很重要..練習是王道！

5. 怎麼在js中給文字方塊添加CSS樣式

在頁面內用JS操作CSS除非用AJAX，但操作頁面內的樣式的話，是可以的。

操作樣式分爲改變直接樣式，改變className和改變cssText三種一、局部改變樣式調用方法：改變className測試改變直接樣式測試二、全局改變樣式可以透過改變外鏈樣式的的href的值實現網頁樣式的實時切換<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /> 點我改變樣式。

6. js怎麼獲取css設定的樣式

用document.getElementById('element').style.xxx可以獲取元素的樣式資訊，可是它獲取的只是DOM元素style屬性裏的樣式規則，對於透過class屬性引用的外部樣式表，就拿不到我們要的資訊了。

DOM標準裏有個全局方法getComputedStyle，可以獲取到當前對象樣式規則資訊，如：getComputedStyle(obj,null).paddingLeft，就能獲取到對象的左內邊距。但是IE不支援此方法，它有自己的一個實現方式，那就是currentStyle，不同於全局方法getComputedStyle，它是作爲DOM元素屬性存在的，如：obj.currentStyle.paddingLeft，在IE中就獲取到對象的左內邊距了，相容性的寫法如下：

return window.getComputedStyle ? window.getComputedStyle(obj,null).paddingLeft : obj.currentStyle.paddingLeft;

7. css、JS怎麼寫到html裏面

這個是css

table.mytable td

{

padding:10px 0;

}

</style>

這個是js

function keepLogin(){

$.ajax({ url: "indexAction_keepLogin"});

setTimeout("keepLogin()",1000*60*25);

}

</script>

放入html就行，或者引用，一樓已經告訴你了

js引用例如：<script src="js/jquery.bgiframe.js" type="text/javascript"></script>

8. JS如何調用CSS樣式表呢

舉例1:

鼠標經過樣式表變化可用於顏色變化等

舉例2:

用戶名：<input type="button" class="input1" onclick="this.className='input2'">

鼠標點擊樣式表變化

或者單獨寫一個javascript函數

舉例3:

function ChangeStyle(idName,StyleName){

document.getElementById(idName).className=StyleName

}

</script>

<div id=Text1 class=div1>；啊哈哈哈哈</div>

Tags：js