新建一個html文件,命名為test.html,用于講解js如何給p標簽內容添加下劃線。
2
/6
在test.html文件內,使用p標簽創建一行文字,用于測試。
3
/6
在test.html文件內,設置p標簽的id為test。
4
/6
在test.html文件內,創建一個按鈕,給它綁定onclick事件,點按鈕被點擊時,執行changeDec()函數。
5
/6
在js標簽內,創建changeDec()函數,在函數內,通過id獲得p標簽對象,設置其textDecoration屬性為underline,從而實現下劃線的設置。
6
/6
在瀏覽器打開test.html文件,點擊按鈕,查看結果。
總結:
1
/1
1、使用p標簽創建一行文字,設置p標簽的id為test。
2、創建一個按鈕,給它綁定onclick事件,點按鈕被點擊時,執行changeDec()函數。
3、在js標簽內,創建changeDec()函數,在函數內,通過id獲得p標簽對象,設置其textDecoration屬性為underline,從而實現下劃線的設置。
4、在瀏覽器打開test.html文件,點擊按鈕,查看結果。
1、<p>-段落標簽
p是英文單詞“paragraph”的首字母,用來定義網頁中的一段文本,<p>一般是成對出現。
2、<br>-換行標簽
br是英文單詞“break”的縮寫,作用是將文字在一個段落中強行換行,<br>是自封閉標簽,規范的寫法是<br />。
<p>標簽和<br>標簽都會使文本換行,不同之處就是它們的間距不同,用<p>標簽分段的間距比較大,層次更加分明。
html中p是段落標簽。"p"是英文單詞“paragraph”的縮寫,有“段落”的意思,顧名思義,它在html中作為標簽也是用來定義段落的。
在html中,p標簽用的非常多,是用來定義段落的。p標簽定義的段落會在其前后添加一些空白,我們也可以在css樣式表中規定空白的大小。