javascript實(shí)現(xiàn)加粗的方法:1、使用p標(biāo)簽創(chuàng)建一行文字;2、通過指定id獲得input對(duì)象;3、使用button標(biāo)簽創(chuàng)建一個(gè)按鈕;4、通過執(zhí)行addbold函數(shù)實(shí)現(xiàn)文本加粗即可。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript如何加粗?
js控制文本加粗:
新建一個(gè)html文件,命名為test.html,用于講解js中怎么控制文本加粗。
在test.html文件內(nèi),使用p標(biāo)簽創(chuàng)建一行文字,文字內(nèi)容為“這是測(cè)試的文字”。
在test.html文件內(nèi),設(shè)置p標(biāo)簽的id為myid,主要用于下面通過該id獲得input對(duì)象。
在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,按鈕名稱為“文本加粗”。
在test.html文件中,給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行addbold()函數(shù)。
在js標(biāo)簽中,創(chuàng)建addbold()函數(shù),在函數(shù)內(nèi),使用getElementById()方法通過id(myid)獲得p標(biāo)簽對(duì)象,設(shè)置其style下的fontWeight屬性值為bolder,從而實(shí)現(xiàn)文本加粗。
在瀏覽器打開test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
推薦學(xué)習(xí):《javascript基礎(chǔ)教程》