js行內樣式怎麼寫,css行內樣式怎麼寫

本文目錄一覽：

• 1、js的行內寫法是什麼
• 2、筆記：JS設置CSS樣式的幾種方式
• 3、JS里添加樣式
• 4、JS如何設置表格行樣式?

js的行內寫法是什麼

就是把方法寫在標籤裡面

input type=”button” value=”按鈕” οnclick=”javascript:alert(‘哈哈哈哈’)”，類似這種

筆記：JS設置CSS樣式的幾種方式

1、直接更改，比如：

xID.style.display = “block”; // 更改display屬性，會覆蓋css中的定義。

xID.style.display = “”;      // 取消js更改display屬性，以css樣式為準。

這裡的xID，是通過id獲取的標籤。當然，也可能是通過tagName之類的獲取的標籤。

這種方式，簡單直接。但是要修改大量的樣式的時候，不適合。所以，我更推薦第二種方式。

2、更改類名

xID.className = “xx   yy”;

如果有多個類，就用空格隔開。前提，在樣式中要有已有類的定義。比如這裡的xx和yy類，在css中應該是寫好的。

這種方式把所有的樣式寫在了css文件中，適合更改較多的樣式以及炫酷的樣式。js就只做一件事情：改類。至於這個類會把標籤變成什麼樣子，交給css吧。

通過jquery也可以達到如上的效果：

$(“#xID”).css({

  fontSize:”12px”,

  display:”block”

});  // 直接更改樣式

$(“#xID”).addClass(“xx”);  // 增加刪除類

$(“#xID”).removeClass(“xx”);

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

JS如何設置表格行樣式?

用js獲取表格元素,行元素tr或者列元素td,進行css樣式設置即可;

tabletrtd/td/tr/table

script type=”text/javascript” scr=”jquery.js”

    $(‘tr’).css(‘border’,’solid 1px purple’);

    $(‘td’).css(‘border-collapse’,’collapse’);

    $(‘td’).css(‘padding’,’10px’);

/script

//以上方法是jquery方式實現獲得和樣式修改

//其中css和attr中參數可變,一個參數時意為獲取,兩個參數為設置;

//設置樣式也可給元素添加屬性用attr

//或者addClass都可以,添加class屬性等