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() 创建文本节点
如对本文有疑问， 点击进行留言回复！！
荐 超强的入门文章 ！！！ JavaScript 速成计划第二篇（杂项详解：JS操作HTML 与 CSS、异常、事件）!
教你搭建 nodejs+mongoose+Graphql+Vue+Typescript 框架（上）
【Nginx】如何为已安装的Nginx动态添加模块？看完我懂了！！
我要评论
网友评论