首页 > 软件开发 > JQUERY >

用js如何给div添加name

来源:互联网 2023-03-17 00:46:45 73

为html元素添加name属性,我们一般都是在html代码里直接添加的,但如果添加的属性值需要通过一些逻辑判断后再添加,那么怎样用js来添加呢?下面我们来看一下。XhA办公区 - 实用经验教程分享!

方法/步骤

  • 1

    为了方便dom操作,我们可以使用jquery来操作,因此我们先引入jquery脚本文件。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 2

    然后在html里,添加一个div,这个div有一个id属性,但没有name属性。XhA办公区 - 实用经验教程分享!

    再添加一个按钮。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 3

    在按钮事件函数里,我们直接使用jquery方法,在元素里调用attr方法来设置name属性就行了。代码如图。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 4

    运行页面,我们点击一下按钮,就可以调用js来为div添加name属性了。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 4该信息未经许可获取自百度经验
  • 5

    在点击按钮前,我们先看下源代码,可以看到现在的div是没有name属性的。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 6

    点击按钮后,再看下源代码,可以发现已经为div添加好了name属性了。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 7

    如果有的朋友不想引入jquery插件,我们可以用原生的js来操作。XhA办公区 - 实用经验教程分享!

    先用getElementById方法获取到dom元素,然后调用setAttribute方法来设置就行了。XhA办公区 - 实用经验教程分享!

    代码如图,XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 8

    再次运行页面,点击按钮,也可以看到能正常添加上name属性了。XhA办公区 - 实用经验教程分享!

    用js如何给div添加nameXhA办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!XhA办公区 - 实用经验教程分享!


    标签: JAVASCRIPTJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码