JavaScript document 获取元素(选择符)
小于 1 分钟约 278 字
JavaScript document 获取元素(选择符)
document.querySelector('css选择器'); // 只选择符合的第一个,静态获取,后添加的元素不会加进来
document.querySelectorAll('css选择器'); // 取得 span 伪数组集合
document.body.MatchesSelector('body.page'); // 这个方法能够判断能否 被以上两个方法选择返回
document.getElementsByTagName('标签名'); // 获取标签名 集合
document.getElementsByClassName('class名'); // 获取 class 集合
document.getElementsByName('name属性值'); // 使用在表单元素
div.namedItem('aa'); // div 中 name 属性为 aa 的集合
div['aa']; // div 中 name 属性为 aa 的集合
div.tagName; // DIV 在 HTML 中始终以大写表示
document.title; // 取得文档标题
document.URL; // 取得地址栏显示的 URL 不能修改
document.domain; // 域 p2p.wrox.com 修改成 wrox.com 可以成功 修改成其他跨域会出错
document.referrer; // 取得来源此页面的URL
// 特殊集合
document.anchors; // 所有带 name 特性的 a 标签
document.forms; // 所有 form 元素
document.images; // 所有 img 元素
document.links; // 所有带 href 特性的 a元素
注意 querySelector 系列是静态的,在获取元素之后新添加的节点不会加进来 :::