基于OpenLayers的WebGIS程序二次开发实例教程
34594 人在学
每个载入浏览器的html文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。提示:Document对象是window对象的一部分,可通过window.document属性对其进行访问。
Document对象是是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。
当浏览器载入HTML文档,它就会成为Document对象。
Document对象的属性和方法
1.html元素和body对象
document.documentElement获取html元素,文档的根节点
document.body获取文档的body元素
2.文档信息
document.title获取文档标题<title>Mytitle</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()创建文本节点
HTML Document接口对 DOMDocument接口进行了扩展,定义HTML专用的属性和方法。很多属性和方法都是HTMLCollection对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。