1. 首頁 > 生活百科 > >

js如何更改邊框的寬度

小知識

在js中， 可以通過給borderWidth屬性賦值， 實現邊框寬度的修改 。 下面小編舉例講解js如何更改邊框的寬度 。

js如何更改邊框的寬度



需要這些哦
js+html
代碼編纂器：z studio 10.0
方式/
1新建一個html文件， 定名為test.html， 用于講解js若何更改邊框的寬度 。
js如何更改邊框的寬度



2在test.html文件內， 利用div建立一個模塊， 并設置其id為meight 。
js如何更改邊框的寬度



3在css標簽內， 經由過程id界說div的樣式， 設置它的寬度為200px， 高度為150px， 邊框為1px寬度的邊框 。
js如何更改邊框的寬度



4在test.html文件內， 建立一個按鈕， 給button按鈕綁定onclick點擊事務， 當按鈕被點擊時， 執行changeW()函數 。
js如何更改邊框的寬度



5在js標簽內， 建立一個changeW()函數， 在函數內， 經由過程id獲得div對象， 經由過程borderWidth屬性實現邊框寬度的點竄 。 例如， 這里點竄邊框寬度為10px 。
js如何更改邊框的寬度



6在瀏覽器打開test.html文件， 點擊按鈕， 查看實現的結果 。
js如何更改邊框的寬度



總結：1【js如何更改邊框的寬度】1、利用div建立一個模塊， 并設置其id為meight 。 2、在css標簽內， 經由過程id界說div的樣式， 設置它的寬度為200px， 高度為150px， 邊框為1px寬度的邊框 。 3、建立一個按鈕， 給button按鈕綁定onclick點擊事務， 當按鈕被點擊時， 執行changeW()函數 。 4、在js標簽內， 建立一個changeW()函數， 在函數內， 經由過程id獲得div對象， 經由過程borderWidth屬性實現邊框寬度的點竄 。 例如， 這里點竄邊框寬度為10px 。 5、在瀏覽器打開test.html文件， 點擊按鈕， 查看實現的結果 。


以上內容就是js如何更改邊框的寬度的內容啦， 希望對你有所幫助哦！

    猜你喜歡