JS 的 Document对象
document 对象是是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。
当浏览器载入 html 文档, 它就会成为 document 对象。
document对象的 属性和方法
1.html元素和body对象
document.documentelement 获取html元素,文档的根节点
document.body 获取文档的body元素
2.文档信息
document.title 获取文档标题<title>my title</title>
document.url 返回文档完整的url比如:{协议}://{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}
document.domain 返回当前文档的域名。
document.referrer 返回载入当前页面的url
3.获取元素--element
getelementbyid();
getelementsbytagname(); 标签
getelementsbyname(); name
getelementsbyclassname();
queryselector(); 获取匹配的第一个元素! ()中可以是css选择器的标准形式兼容到css2. ( id, 类, 类型, 属性, 属性值)。
queryselectorall(); 获取元素集合,()中可以是css选择器的标准形式兼容到css2.
4.文档写入
write() 向文档写 html 表达式 或 javascript 代码。
open() 打开一个流,用来收集来自任何write()或writeln()方法的输出。
close() 关闭输入流,并显示数据
5.特殊集合
1)document.anchors:返回文档中所有带那么特性的<a>元素。
2)document.forms:返回文档中所有的<form>元素,与document.getelementbytagname("form")的到的结果相同。
3)document.images:返回文档中所有的<img>元素,与document.getelementbytagname("img")的到的结果相同。
4.document.links:返回文档中所有带href特性的<a>元素。
6.其他
document.addeventlistener() 向文档添加句柄
removeeventlistener()
document.cookie() 设置或返回与当前文档有关的所有cookie
createelement() 创建元素节点
createtextnode() 创建文本节点