首页 > 软件开发 > JavaScript >

javascript(js)怎么获取元素的最后一个子节点

来源:互联网 2023-03-16 23:56:19 185

javascript在我们编写前端页面时是必不可少的,那么我们怎么来使用它呢?eJZ办公区 - 实用经验教程分享!

javascript(js)怎么获取元素的最后一个子节点?eJZ办公区 - 实用经验教程分享!

工具/原料

  • 一个jsp页面

方法/步骤

  • 1

    首先创建一个diveJZ办公区 - 实用经验教程分享!

    javascript(js)怎么获取元素的最后一个子节点?eJZ办公区 - 实用经验教程分享!

  • 2

    然后创建两个元素作为div的子节点:eJZ办公区 - 实用经验教程分享!

    javascript(js)怎么获取元素的最后一个子节点?eJZ办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    接下来通过js来获取这个div的最后一个子节点,也就是span这个节点:eJZ办公区 - 实用经验教程分享!

    javascript(js)怎么获取元素的最后一个子节点?eJZ办公区 - 实用经验教程分享!

  • 4

    这样就得到最后一个子节点了,我们来看看界面的结果:eJZ办公区 - 实用经验教程分享!

    javascript(js)怎么获取元素的最后一个子节点?eJZ办公区 - 实用经验教程分享!

  • 5

    然后还有一种获取方法是用lastChild,但是用这个的话,要注意/div>与前面的span不能有空格,要不然只能得到#Text这样的结果,所以如果我们使用lastChild的话,需要对空格和换行做处理。下面div和span如果是这样就能得到值:eJZ办公区 - 实用经验教程分享!

    javascript(js)怎么获取元素的最后一个子节点?eJZ办公区 - 实用经验教程分享!

  • 6

    以上就是关于javascript(js)中怎么获取最后一个子节点元素的值了,如果文章对您有帮助的话,请为我的文章点赞投票,文章内容都是我平时做项目中遇到问题的积累和总结,也可以关注我,专门写java文章的,谢谢了。eJZ办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPTJAVA

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