刚开始只学了一种选择方法,今天又把其他几种选择方法 一 并学习了,那我就把他们整理到一起吧,毕竟一家人就要在一起嘛~ 哈哈~
首先登场的当然是我们只能唯一定义选择的 "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 去取值,即便取到的只有一个元素,也要用下标取值。
来源: http://www.bubuko.com/infodetail-2451103.html