利用JS實現點擊文字變大的結果,本家兒如果經由過程改變文字的樣式來實現,即改變字體的巨細。下面介紹實現結果的過程。
新建一個HTML文件,定名為test.html,用于實現JS點擊文字變大的結果。
在test.html文件中,利用p標簽界說一段文字,而且為p標簽界說一個值為demo的id屬性,便利下面獲得p標簽對象。
再在test.html文件中,利用input標簽界說一個名稱為“點擊”的按鈕,用于實現點擊的結果。
給input標簽按鈕綁心猿意馬onclick點擊事務,經由過程點擊事務觸發去操作p元素內容文字的巨細。
利用JS界說一個函數handel(),在handel()方式內編寫JS代碼實現改變文字的巨細,handel()方式經由過程onclick事務觸發執行。
在handel()函數內,利用document.getElementById()的方式獲得P標簽對象,經由過程對象屬性的方式從頭界說字體的巨細,例如,點擊后使p標簽的文字巨細釀成30px。
在瀏覽器運行test.html文件,查看實現的結果:
可見,當作功實現了點擊按鈕改變文字的巨細。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!