如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
如何在button上添加attr属性值
很多刚学编程的朋友可能会遇到一个问题,那就是如何利用attr给html标签增加属性,下面和大家分享一下如何利用attr给html标签添加属性。
工具/原料
- button标签
方法/步骤
首先新建一个html页面,或者在网上下载一个现成的html页面,然后再html页面中添加一些html标签,本文我以demo.html为例。
然后下载jquery脚本库到本地,或者从其他项目中拷贝,然后把jquery库放在一个文件夹内,这里我把jquery放在了js文件夹内。
然后用记事本或者其他文本编辑器打开demo.html(我推荐大家使用Notepad文本编辑器,因为它会保持html的格式),在html末尾处引用下载好的jquery库,并且添加button标签,id定义成testBtn。
然后在demo.html页面中加入以下代码:
script type="text/javascript"> $(function(){ $('#testBtn').attr('name','testName'); });/script>
此代码的意思是为id为testBtn的button标签添加那么属性。
添加完后用浏览器打开demo.html页面,这里我用的是google浏览器,使用其他浏览器也可以。
然后在浏览器中按F12进入开发者模式,然后选择左上角select an element图标选中button按钮。
然后查看button的源代码,发现在button按钮中已经添加上name属性,其他属性都可以用此方法进行添加。
注意事项
- 一定要引用jquery脚本库,否则页面会报错,并且达不到预期的效果。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 435 HTML