如何在button上添加attr属性值

良多刚学编程的伴侣可能会碰到一个问题，那就是若何操纵attr给html标签增添属性，下面和大师分享一下若何操纵attr给html标签添加属性。

东西/原料

• button标签

方式/步调

1. 1

   起首新建一个html页面，或者在网上下载一个现当作的html页面，然后再html页面中添加一些html标签，本文我以demo.html为例。

   
2. 2

   然后下载jquery剧本库到当地，或者从其他项目中拷贝，然后把jquery库放在一个文件夹内，这里我把jquery放在了js文件夹内。

   
3. 3

   然后用记事本或者其他文本编纂器打开demo.html（我保举大师利用Notepad文本编纂器，因为它会连结html的格局），在html末从头至尾处引用下载好的jquery库，而且添加button标签，id界说当作testBtn。

   
4. 4

   然后在demo.html页面中插手以下代码：

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

   此代码的意思是为id为testBtn的button标签添加那么属性。

   
5. 5

   添加完后用浏览器打开demo.html页面，这里我用的是google浏览器，利用其他浏览器也可以。

   
6. 6

   然后在浏览器中按F12进入开辟者模式，然后选择左上角select an element图标选中button按钮。

   
7. 7

   然后查看button的源代码，发此刻button按钮中已经添加上name属性，其他属性都可以用此方式进行添加。

   

注重事项

• 必然要引用jquery剧本库，不然页面会报错，而且达不到预期的结果。