首页 > 软件开发 > HTML >

javascript如何定位html元素

来源:互联网 2023-03-16 19:16:36 156

HTML和JAVASCRIPT是前端必备的语言,HTML主要负责框架,JS主要负责网页的动态,我们经常用js来定位HTML元素,这样就可以对特定位置进行特定的操作,从而达到动态的效果。vqy办公区 - 实用经验教程分享!

javascript如何定位html元素vqy办公区 - 实用经验教程分享!

工具/原料

  • windows 7
  • sublime text 3
  • chrome浏览器

方法/步骤

  • 1

    打开编辑器,新建一个HTML文档。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 2

    新建一个JS文档,并且和HTML文档关联。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 3

    我们可以用class来定位,但是class是数组形式。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    因此class要加上序号。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 5

    我们也可以用id来定位,利用唯一性。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 6

    也可以直接用标签来定位,但是标签会比较多。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 7

    还可以用querySelector来进行筛选。vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

    javascript如何定位html元素vqy办公区 - 实用经验教程分享!

  • 注意事项

    • tips: 注意每个元素之间的不同定位方法。

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


    标签: JAVASCRIPTHTML

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