新建一個html文件,定名為test.html,用于講解若何用js刪除css樣式。
在test.html文件內,利用p標簽建立一行文字,并設置p標簽的class屬性為one,id屬性為pp。
在test.html文件內,經由過程p標簽的class屬性,利用css設置其文字巨細為20px,文字顏色為紅色。同時,再界說一個類名為two的樣式,設置文字為20px。
在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“刪除css”。
給button綁心猿意馬onclick點擊事務,當按鈕被點擊時,執行myfun()函數。
在test.html文件內,在js標簽內,建立myfun函數,在函數內,經由過程p標簽的id,利用getElementById()方式獲得p元素對象,再經由過程setAttribute()方式設置p標簽的class屬性為新的屬性名two,從而實現刪除原有樣式,同時設置一個新樣式,實現把p標簽的顏色css樣式去失落。
在瀏覽器打開test.html文件,點擊按鈕,查看實現的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!