站長資訊網
        最全最豐富的資訊網站

        javascript如何添加框

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

        javascript如何添加框

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

        javascript如何添加框?

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

        javascript如何添加框

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

        javascript如何添加框

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

        javascript如何添加框

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

        javascript如何添加框

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

        javascript如何添加框

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

        javascript如何添加框

        推薦學習:《javascript基礎教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 免费国产在线精品一区| 欧洲精品色在线观看| 日韩精品极品视频在线观看免费| 国产成人精品免费视频大全| xxx国产精品视频| 夜夜高潮夜夜爽国产伦精品| 国精品无码A区一区二区| 欧美大片日韩精品| 99国产精品一区二区| 久久精品亚洲中文字幕无码麻豆| 日批日出水久久亚洲精品tv| 国产精品亚洲二区在线观看| 欧美国产日韩精品| 国产精品欧美日韩| 99热在线日韩精品免费| 国产精品无码午夜福利| 亚洲国产精品无码久久久不卡| 日韩欧美国产精品第一页不卡| 久久精品国产只有精品66| 国产精品 91 第一页| 99精品久久久久久久婷婷| 精品国产综合成人亚洲区| 国产成人精品一区二区三区免费| 久久国产精品成人片免费| 无码国产69精品久久久久网站| 在线观看亚洲精品福利片 | 国产精品国产三级专区第1集| 国语自产精品视频在线区| 久久精品国产亚洲AV麻豆网站| 亚洲欧洲成人精品香蕉网| 亚洲精品自产拍在线观看| 亚洲精品无码久久毛片| 亚洲线精品一区二区三区| 亚洲国产精品乱码一区二区| 中文字幕精品亚洲无线码二区| 中文精品99久久国产| 亚洲综合av永久无码精品一区二区| 亚洲欧美日韩国产精品一区二区| 真实国产精品vr专区| 欧美精品VIDEOSSEX少妇| 久久香蕉超碰97国产精品|