首页 > 软件开发 > HTML >

如何用javacript获取多个元素

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

如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

工具/原料

  • chrome
  • sublime text3
  • windows 7

方法/步骤

  • 1

    创建一个HTML文件和JS文件,并且用标签进行关联。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 2

    这里创建一个表格格式的内容。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 3

    document.getElementsByTagName("");Ayk办公区 - 实用经验教程分享!

    这样可以获取标签的名字。但是是用数组来储存的。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 4

    document.getElementsByClassName("");Ayk办公区 - 实用经验教程分享!

    也可以用类名来进行定位。也是数组的形式存储。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 5

    document.querySelector("");Ayk办公区 - 实用经验教程分享!

    这样可以用CSS选择器的格式来选择。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 5本页面非法爬取自百度经验
  • 6

    document.querySelectorAll("");Ayk办公区 - 实用经验教程分享!

    可以把所有都定位起来。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 7

    当然我们完全可以用属性有class来定位。Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

    如何用javacript获取多个元素Ayk办公区 - 实用经验教程分享!

  • 注意事项

    • 具体看网页有什么来选择用哪个方法

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


    标签: JAVASCRIPTHTML

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