用js如何给div添加name

 时间:2024-11-12 05:38:28

为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

造梦西游异界王子衣服无尽之铠怎么获得 B站bilibili怎么下载视频 哔哩哔哩如何下载视频 斗罗大陆武魂觉醒角色怎么获取魂环 LOL扇子妈技能分析 王者荣耀史诗皮肤幸运宝箱怎样使用?
热门搜索
幼儿园墙绘图片 奥迪s6报价及图片 安全裤图片 吻胸图片 lol阿狸图片