JavaScript document 获取元素(选择符)

1document.querySelector('css选择器') // 只选择符合的第一个,静态获取,后添加的元素不会加进来
2document.querySelectorAll('css选择器') // 取得 span 伪数组集合
3document.body.MatchesSelector('body.page') // 这个方法能够判断能否 被以上两个方法选择返回
4document.getElementsByTagName('标签名') // 获取标签名 集合
5document.getElementsByClassName('class名') // 获取 class 集合
6document.getElementsByName('name属性值') // 使用在表单元素
7
8div.namedItem('aa') // div 中 name 属性为 aa 的集合
9div.aa // div 中 name 属性为 aa 的集合
10div.tagName // DIV 在 HTML 中始终以大写表示
11
12document.title // 取得文档标题
13document.URL // 取得地址栏显示的 URL 不能修改
14document.domain // 域 p2p.wrox.com 修改成 wrox.com 可以成功 修改成其他跨域会出错
15document.referrer // 取得来源此页面的URL
16
17// 特殊集合
18document.anchors // 所有带 name 特性的 a 标签
19document.forms // 所有 form 元素
20document.images // 所有 img 元素
21document.links // 所有带 href 特性的 a元素

::: tip 注意 querySelector 系列是静态的,在获取元素之后新添加的节点不会加进来 :::