首頁 > 網際網路

如何在button上新增attr屬性值

2019-12-11 13:24:45

很多剛學程式設計的朋友可能會遇到一個問題,那就是如何利用attr給html標籤增加屬性,下面和大家分享一下如何利用attr給html標籤新增屬性。

1

首先新建一個html頁面,或者在網上下載一個現成的html頁面,然後再html頁面中新增一些html標籤,本文我以demo.html為例。


2

然後下載jquery指令碼庫到本地,或者從其他專案中拷貝,然後把jquery庫放在一個資料夾內,這裡我把jquery放在了js資料夾內。


3

然後用記事本或者其他文字編輯器開啟demo.html(我推薦大家使用Notepad文字編輯器,因為它會保持html的格式),在html末尾處參照下載好的jquery庫,並且新增button標籤,id定義成testBtn。


4

然後在demo.html頁面中加入以下程式碼:

<script type="text/javascript">             $(function(){                 $('#testBtn').attr('name','testName');             });</script>

此程式碼的意思是為id為testBtn的button標籤新增那麼屬性。


5

新增完後用瀏覽器開啟demo.html頁面,這裡我用的是google瀏覽器,使用其他瀏覽器也可以。


6

然後在瀏覽器中按F12進入開發者模式,然後選擇左上角select an element圖示選中button按鈕。


7

然後檢視button的原始碼,發現在button按鈕中已經新增上name屬性,其他屬性都可以用此方法進行新增。



IT145.com E-mail:sddin#qq.com