JS添加或修改控件的樣式(Class)實現(xiàn)方法
更新時間：2016年10月15日 11:19:17 投稿：jingxian
下面小編就為大家?guī)硪黄狫S添加或修改控件的樣式(Class)實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
使用js 給頁面組件添加class 或者刪除class，以及使用jquery的方式添加或修改。
<input id="txtBianCeng" type="text" />
.lezhu99 {
color:#cc0000;
}
添加或修改樣式（Class）
document.getElementById("txtBianCeng").className = "lezhu99";
刪除樣式（Class）
document.getElementById("txtBianCeng").className = "";
需要注意的是，在 JavaScript 中，樣式使用的是 className 去訪問 class 屬性，非 class，因為 class 是一個保留關(guān)鍵字，謹記這一點。
如果是使用 jQuery修改標記的樣式(Class) 就不一樣了，它是使用 removeClass 和 addClass 方法進行刪除樣式和添加（修改）樣式的。
以上就是小編為大家?guī)淼腏S添加或修改控件的樣式(Class)實現(xiàn)方法全部內(nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
- 詳解用JS添加和刪除class類名
- 基于JavaScript實現(xiàn)類名的添加與移除
- 向JavaScript的數(shù)組中添加元素的方法小結(jié)
- 原生js實現(xiàn)查找/添加/刪除/指定元素的class
- javaScript給元素添加多個class的簡單實現(xiàn)
- JavaScript DOM元素常見操作詳解【添加、刪除、修改等】
- js實現(xiàn)class樣式的修改、添加及刪除的方法
- Javascript 檢測、添加、移除樣式(className)函數(shù)代碼
- 原生js實現(xiàn)class的添加和刪除簡單代碼
- 原生js封裝添加class,刪除class的實例
- 原生js添加一個或多個類名的方法分析
相關(guān)文章
解決wx.onMenuShareTimeline出現(xiàn)的問題
本文主要介紹解決wx.onMenuShareTimeline出現(xiàn)的問題，這里提供了示例代碼作為參考，有需要的小伙伴可以參考下2016-08-08
這篇文章主要介紹了8 個有用的JS技巧(推薦)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-07-07
微信小程序使用picker實現(xiàn)時間和日期選擇框功能【附源碼下載】
這篇文章主要介紹了微信小程序使用picker實現(xiàn)時間和日期選擇框功能,結(jié)合實例形式分析了微信小程序picker組件進行日期與時間選擇的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了JS實現(xiàn)頁面加載完成之后自動刷新一次問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較
這篇文章主要介紹了JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了javascript 兼容各個瀏覽器的事件,需要的朋友可以參考下2015-02-02
在JS開發(fā)過程中,代碼可能存在一些語法或者邏輯上的錯誤,導致程序不能得到我們想要的結(jié)果,這時就需要我們找到并修復這些錯誤,我們將查找和修復錯誤的過程稱為調(diào)試或代碼調(diào)試,這篇文章主要給大家介紹了關(guān)于JS?debug跳過的7種方法,需要的朋友可以參考下2023-07-07
這篇文章主要給大家介紹了關(guān)于如何利用JS響應式修改vue實現(xiàn)頁面的input值，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-09-09
字符串的操作在js中非常頻繁,也非常重要,下面這篇文章主要給大家介紹了關(guān)于JS字符串屬性與方法的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
這篇文章主要為大家介紹了JavaScript數(shù)組的常用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11