首页 > 软件开发 > JavaScript >

怎么获得一个JavaScript标签的属性值

来源:互联网 2023-03-16 23:57:32 版权归原作者所有,如有侵权,请联系我们

怎么获得一个JavaScript标签的属性值?其实和获取其他标签的属性值是一样的,下面我们具体来看下。vE4办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先,为了方便操作,我们先引入Jquery插件。vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

  • 2

    然后我们写一个js标签,但要注意的是,我们为这个js标签添加一个id,方便操作。vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

  • 3

    接着写js逻辑,来获取标签的属性,我们主要是通过Jquery的attr方法来获取dom的属性。vE4办公区 - 实用经验教程分享!

    $("#my_js").attr('src');vE4办公区 - 实用经验教程分享!

    然后通过调试方法console.log来输出结果。代码如图vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

  • 4

    打开页面,可以用控制台中看到输出的结果。vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

  • 5

    除了可以获取到标签的内置属性,一些自定义的属性也是可以获取的。在js标签上添加一个自定义的属性,比如 ‘jingyan'属性。vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

  • 5相关内容未经授权抓取自百度经验
  • 6

    修改js代码,来获取这个自定义的属性;vE4办公区 - 实用经验教程分享!

    $("#my_js").attr('jingyan')vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

  • 7

    再次刷新页面,可以看到也是能获取成功的。vE4办公区 - 实用经验教程分享!

    怎么获得一个JavaScript标签的属性值vE4办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPTJQUERY

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