javascript添加框的方法：1、新建一個(gè)html文件；2、使用div創(chuàng)建一個(gè)模塊；3、在css標(biāo)簽內(nèi)通過id定義div的樣式；4、創(chuàng)建一個(gè)按鈕；5、在js標(biāo)簽內(nèi)創(chuàng)建addBorder()函數(shù)即可。

本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript如何添加框？

新建一個(gè)html文件，命名為test.html，用于講解js如何給div添加邊框。

在test.html文件內(nèi)，使用div創(chuàng)建一個(gè)模塊，并設(shè)置其id屬性為ttqq。

在css標(biāo)簽內(nèi)，通過id定義div的樣式，設(shè)置它的寬度為100px，高度為100px，背景顏色為黃色。

在test.html文件內(nèi)，創(chuàng)建一個(gè)按鈕，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行addBorder()函數(shù)。

在js標(biāo)簽內(nèi)，創(chuàng)建addBorder()函數(shù)，在函數(shù)內(nèi)，通過id獲得div對(duì)象，設(shè)置style中的border屬性為“1px solid red”，即邊框?qū)挾葹?px，邊框線型為實(shí)線，邊框顏色為紅色。

在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

推薦學(xué)習(xí)：《javascript基礎(chǔ)教程》