javascript如何添加框

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

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript如何添加框？

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

在test.html文件內，使用div創建一個模塊，并設置其id屬性為ttqq。

在css標簽內，通過id定義div的樣式，設置它的寬度為100px，高度為100px，背景顏色為黃色。

在test.html文件內，創建一個按鈕，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行addBorder()函數。

在js標簽內，創建addBorder()函數，在函數內，通過id獲得div對象，設置style中的border屬性為“1px solid red”，即邊框寬度為1px，邊框線型為實線，邊框顏色為紅色。

在瀏覽器打開test.html文件，查看實現的效果。

推薦學習：《javascript基礎教程》