新建一個html文件 ， 定名為test.html ， 用于講解若何用js刪除css樣式 。

2【如何用js刪除css樣式】在test.html文件內 ， 利用p標簽建立一行文字 ， 并設置p標簽的class屬性為one ， id屬性為pp 。




3在test.html文件內 ， 經由過程p標簽的class屬性 ， 利用css設置其文字大小為20px ， 文字顏色為紅色 。 同時 ， 再界說一個類名為two的樣式 ， 設置文字為20px 。




4在test.html文件內 ， 利用button標簽建立一個按鈕 ， 按鈕名稱為“刪除css” 。




5給button綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行myfun()函數 。




6在test.html文件內 ， 在js標簽內 ， 建立myfun函數 ， 在函數內 ， 經由過程p標簽的id ， 利用getElementById方式獲得p元素對象 ， 再經由過程setAttribute方式設置p標簽的class屬性為新的屬性名two ， 從而實現刪除原有樣式 ， 同時設置一個新樣式 ， 實現把p標簽的顏色css樣式去失落 。





7在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看實現的結果 。







以上內容就是如何用js刪除css樣式的內容啦 ， 希望對你有所幫助哦！

猜你喜歡

• JS如何獲取最后一位數
• 經驗的任務小藍本刷新不了，有得評論如何完成
• 如何免費使用互助推廣App
• 如何裝電腦CPU風扇
• 常用軟件如何取消彈出信息
• 支付寶怎么編輯添加、刪除首頁面應用
• 如何實現銀聯云閃付不同用戶免費轉賬/
• 支付寶如何使用指紋支付
• 塔讀文學如何自動更新版本
• qq空間如何去掉動態底下手機品牌以及型號的顯示