养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

用js如何给div添加name

时间:2024-09-23 10:31:52

为html元素添加na葡矩酉缸me属性,我们一般都是在html代码里直接添加的,但如果添加的属性值需要通过一些逻辑判断后再添加,那么怎样用js来添加呢?下面我们来看一下。

方法/步骤

1、为了方便dom操作,我们可以使用jquery来操作,因此我们先引入jquery脚本文件。

用js如何给div添加name

2、然后在html里,添加一个div,这个div有一个id属性,但没有name属性。再添加一个按钮。

用js如何给div添加name

3、在按钮事件函数里,我们直接使用jquery方法,在元素里调用attr方法来设置name属性就行了。代码如图。

用js如何给div添加name

4、运行页面,我们点击一下按钮,就可以调用js来为div添加name属性了。

用js如何给div添加name

5、在点击按钮前,我们先看下源代码,可以看到现在的div是没有name属性的。

用js如何给div添加name

6、点击按钮后,再看下源代码,可以发现已经为div添加好了name属性了。

用js如何给div添加name

7、如果有的朋友不想引入jquery插件,瘫蝠熨夯我们可以用原生的js来操作。先用getElementById方法获取到dom元素,然后调用setAttribute方法来设置就行了。代码如图,

用js如何给div添加name

8、再次运行页面,点击按钮,也可以看到能正常添加上name属性了。

用js如何给div添加name

© 一点知识