javascript如何定位html元素

  • 原创
  • |
  • 浏览:2656
  • |
  • 更新:
  • |
  • 标签:JAVASCRIPT HTML 

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

javascript如何定位html元素

工具/原料

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

方法/步骤

  1. 1

    打开编辑器,新建一个HTML文档。

    javascript如何定位html元素
  2. 2

    新建一个JS文档,并且和HTML文档关联。

    javascript如何定位html元素
  3. 3

    我们可以用class来定位,但是class是数组形式。

    javascript如何定位html元素
    javascript如何定位html元素
  4. 3
    此文章未经许可获取自百度经验
  5. 4

    因此class要加上序号。

    javascript如何定位html元素
    javascript如何定位html元素
  6. 5

    我们也可以用id来定位,利用唯一性。

    javascript如何定位html元素
    javascript如何定位html元素
  7. 6

    也可以直接用标签来定位,但是标签会比较多。

    javascript如何定位html元素
    javascript如何定位html元素
  8. 7

    还可以用querySelector来进行筛选。

    javascript如何定位html元素
    javascript如何定位html元素
    END

注意事项

  • tips: 注意每个元素之间的不同定位方法。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签JAVASCRIPTHTML