js取消樣式設置,js取消樣式設置快捷鍵

本文目錄一覽：

• 1、js怎麼刪除css的行內樣式
• 2、safari 密碼框 js怎麼取消默認樣式
• 3、筆記：JS設置CSS樣式的幾種方式
• 4、js怎麼去除 img 中style樣式
• 5、js刪除css樣式

js怎麼刪除css的行內樣式

其實js很不好用的，一般都使用jquery來寫，改變樣式的話我會使用兩種方法

使用jquery中的.css()函數改變樣式，這中方法很好用，可以在觸發事件的時候任意操作某個元素的樣式。

自定義一個class名字，比如.yangshi{} ,在觸發的事件里使用 .addclass()和.removeClass() 兩個函數添加或者刪除某一個class類。達到切換樣式的目的，這種方法比較清晰有條理。下面給出我寫的一段jquery 代碼。 這個的意思是，.box元素的鼠標進入會添加一個class類yangshi，離開的時候會刪除這個class類

script

$(function(){

    $(“.box”).mouseover(function(){

        $(this).addClass(“yangshi”);

    })

    $(“.box”).mouseout(function(){

        $(this).removeClass(“yangshi”);

    })

})   

/script

safari 密碼框 js怎麼取消默認樣式

與設置文本框默認值的方法一樣，設置密碼框的value屬性。

//普通設置

document.getElementById(“pass_ipt”).value=”123456″;

//jquery

$(“#pass_ipt”).val(“123456”);

//要顯示密碼框的內容，可以將密碼框改為普通文本框

document.getElementById(“pass_ipt”).type=”text”;

筆記：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怎麼去除 img 中style樣式

document.querySelector(“img”).style = “”;

直接這麼設置 圖片的樣式就會被清楚了

js刪除css樣式

1、如果使用class加的樣式的話，可以使用document.getElementById(“objid”).className=””來清空樣式；

2、如果是直接加的style=”***”屬性的話，可以使用document.getElementById(“box”).style.cssText = “”來清空樣式。