码迷,mamicode.com
首页 > Web开发 > 详细

js-选择元素

时间:2018-01-05 18:02:49      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:多个   根据   其他   pos   tag   nbsp   获取   sele   sel   

        刚开始只学了一种选择方法,今天又把其他几种选择方法 一 并学习了,那我就把他们整理到一起吧,毕竟一家人就要在一起嘛~哈哈~

  首先登场的当然是我们只能唯一定义选择的" id "大哥了,即根据“ ID ”选择元素;

      document.getElementById(‘ id 的名字‘)   // 在选择名字时单引号,双引号都可以用,效果一样。

  接着是根据"  class  "来选择元素:

      document.getElementsByClassName(‘ class 的名字‘) // 注意:element后边要有一个s哦(巧记:在英文里复数要加s)。

  通过tagName名字获取 :

      document.getElementsByTagName(‘标签名字‘) // 因为标签也可能不是唯一的,所以 element 后边也要加  s。

  还有就是可以通过我们熟知的css的选择器获取:

    // 只能获取一个,如果是多个,默认值获取第一个

    document.querySelector(‘css选择器‘)
    举个栗子吧,

    document.querySelector(‘#box  div‘) // 

    // 如果想要获取多个,也不是没有办法,只要在后边加个 All 

    document.querySelectoAll(‘css选择器‘)

 

  除了通过整个文档获取元素,还有可以找某个元素符合条件的集合,把document换做 元素集合即可。

  注意:通过class去取值,即便取到的只有一个元素,也要用下标取值。

  

 

 

    

 

 



 

       

js-选择元素

标签:多个   根据   其他   pos   tag   nbsp   获取   sele   sel   

原文地址:https://www.cnblogs.com/zyuu/p/8196398.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!