Skip to content
此页目录
本文总阅读量

JavaScript document 获取元素(选择符)

js
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 系列是静态的,在获取元素之后新添加的节点不会加进来

评论

交流群