几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
在网页开发中,我们经常会使用javascript来操作页面上的元素的。比如添加一个控件,隐藏一个控件等等。如果要设置一个元素的属性,用javascript怎么设置?下面来看下。
首先来看下我们的测试代码,html里,主要部分我们有二个input输入框,和一个按钮,代码如图
在javascript代码里,我们借助Jquery插件库来操作,以减少代码。所以先引入对应的脚本库文件。
javascript代码里,我们为按钮添加点击事件,点击后,我们就用jquery设置姓名输入框的disabled属性,设置为false,这样输入框就不能输入了,为禁止状态了。代码如图,很简单,只要调用jquery的 attr方法,然后输入属性的名称和值就行了:
$("#name").attr('disabled', true);
运行页面,可以看到我们现在的输入框是可以输入的,是正常状态的。我们点击一下‘修改’按钮。
点击后,我们的输入框就变成了禁止状态了,成功修改了输入框的属性。
上面是修改html元素的原有属性。一些自定义属性能修改吗?
看我们的html里另一个输入框有一个自定义属性baidu_attr,值为‘zhidao'
我们修改一下脚本代码,把自定义的baidu_attr属性的值改成‘jingyang’,代码如图。
再次刷新页面,可以看到html源代码里,自定义的属性值为zhidao,点击一下修改按钮,
点击后,看下源代码,属性的值已改成‘jingyan’了,所以自定义的属性也是可以修改的,而且方法都是一样的。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 258 JAVASCRIPT