良多刚学编程的伴侣可能会碰到一个问题 ， 那就是若何操纵attr给html标签增添属性 ， 下面和大师分享一下若何操纵attr给html标签添加属性 。
需要这些哦
button标签
方式/
1【如何在button上添加attr属性值】起首新建一个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属性 ， 其他属性都可以用此方式进行添加 。
文章插图
注重事项必然要引用jquery剧本库 ， 不然页面会报错 ， 而且达不到预期的结果 。
以上内容就是如何在button上添加attr属性值的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 139邮箱通讯录如何导入/导出联系人
- BlueStacks蓝叠上怎么安装微信应用，如何多开
- 使用爱剪辑如何制作片头
- 教你如何提取下载乐视视频到电脑桌面
- 京东商城如何修改收货地址
- 如何申请蜡笔分期的教育培训费分期
- word文档如何取消强制保护
- 教你如何提取下载QQ视频到电脑桌面
- 王者荣耀如何玩安琪拉及出装介绍
- 英雄文明如何打怪物据点