首页 > 软件开发 > JavaScript >

怎么判断一个页面中li的个数

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

本文使用javascript来获取页面中标签li的个数的demo,具体操作方法如下:wiV办公区 - 实用经验教程分享!

工具/原料

  • 开发编辑器(idea)
  • 基本的网站开发知识(HTML CSS JAVASCRIPT)

方法/步骤

  • 1

    第一步: 创建项目文件夹,并创建html文件,如下图所示(可以根据需要创建自己的文件夹和文件):wiV办公区 - 实用经验教程分享!

    怎么判断一个页面中li的个数wiV办公区 - 实用经验教程分享!

  • 2

    第二步 编辑html文件,能够使用浏览器正常打开,在HTML文件中嵌入JavaScript代码wiV办公区 - 实用经验教程分享!

  • 3

    第三步 编写javascript代码:如下:wiV办公区 - 实用经验教程分享!

    var liSize = document.getElementsByTagName('li');console.log("页面中li的个数:" liSize.length);wiV办公区 - 实用经验教程分享!

    怎么判断一个页面中li的个数wiV办公区 - 实用经验教程分享!

  • 4

    打开浏览器,并打开开发者控制台查看结果:wiV办公区 - 实用经验教程分享!

    怎么判断一个页面中li的个数wiV办公区 - 实用经验教程分享!

  • 4相关内容未经许可获取自百度经验
  • 5

    这样就拿到页面中li标签的个数,关键代码如下:wiV办公区 - 实用经验教程分享!

    var liSize = document.getElementsByTagName('li');wiV办公区 - 实用经验教程分享!

  • 注意事项

    • javascript操作DOM的基本知识
    • 熟悉web开发的基本技能

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


    标签: JAVASCRIPTHTML

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