• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何用js刪除css樣式

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

  • 2

    在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文件,點擊按鈕,查看實現的結果。

    • 發表于 2019-10-28 17:00
    • 閱讀 ( 1089 )
    • 分類:其他類型

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆