html页面访问js对象属性的值,JS 的 Document对象

Document 对象是是window对象的一个属性，因此可以将document对象作为一个全局对象来访问。

当浏览器载入 HTML 文档, 它就会成为 Document 对象。

Document对象的 属性和方法

1.html元素和body对象

document.documentElement  获取html元素，文档的根节点

document.body  获取文档的body元素

2.文档信息

document.title    获取文档标题

My 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:返回文档中所有带那么特性的元素。

2)document.forms:返回文档中所有的

元素，与document.getElementByTagName("form")的到的结果相同。

3)document.images:返回文档中所有的元素，与document.getElementByTagName("img")的到的结果相同。

4.document.links:返回文档中所有带href特性的元素。

6.其他

document.addEventListener()    向文档添加句柄

removeEventListener()

document.cookie()    设置或返回与当前文档有关的所有cookie

createElement()     创建元素节点

createTextNode()    创建文本节点

内容来源于网络如有侵权请私信删除