首页 > 软件开发 > HTML >

js创建元素怎么获取

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

我们在做页面开发时,有时需要在前端使用js创建一些元素,创建元素后,怎么获取这个元素?很简单,为元素添加id或样式名,就可以获取得到的,下面来看一下。UUy办公区 - 实用经验教程分享!

js创建元素怎么获取UUy办公区 - 实用经验教程分享!

工具/原料

  • 电脑:win10系统 v1837版本

方法/步骤

  • 1

    在我们的html代码里,现在id为c1的div里,只有一个div元素。UUy办公区 - 实用经验教程分享!

    js创建元素怎么获取UUy办公区 - 实用经验教程分享!

  • 2

    我们可以在js代码里,为c1这个div添加一个div元素,使用jquery的append方法来添加元素。UUy办公区 - 实用经验教程分享!

    js创建元素怎么获取UUy办公区 - 实用经验教程分享!

  • 3

    运行页面后,可以看到c1 div已经通过js添加了一个div元素了。UUy办公区 - 实用经验教程分享!

    js创建元素怎么获取UUy办公区 - 实用经验教程分享!

  • 4

    要获取新加的div,我们可以使用这个div的id来获取,使用$("#d2")的jquery方法就可以获取到了。UUy办公区 - 实用经验教程分享!

    js创建元素怎么获取UUy办公区 - 实用经验教程分享!

  • 5

    获取后,可以使用jquery的html()方法,来为这个div设置文字。UUy办公区 - 实用经验教程分享!

    js创建元素怎么获取UUy办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

    设置后,看一下新加的div,里面的文字内容已经修改了。UUy办公区 - 实用经验教程分享!

    js创建元素怎么获取UUy办公区 - 实用经验教程分享!

  • 7

    总结:UUy办公区 - 实用经验教程分享!

    1. html里div下只有一个div。UUy办公区 - 实用经验教程分享!

    2. 使用js为div再添加一个子div。UUy办公区 - 实用经验教程分享!

    3. 在页面上可看到新加div。UUy办公区 - 实用经验教程分享!

    4. 使用jquery方法来获得元素。UUy办公区 - 实用经验教程分享!

    5. 使用html方法可设置文字。UUy办公区 - 实用经验教程分享!

    6. 查看到设置后的文字。UUy办公区 - 实用经验教程分享!

  • 注意事项

    • 使用jquery来处理的,需要先引入 jquery脚本文件。

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


    标签: JQUERYHTMLCSS

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