在JavaScript中,Document对象表示当前浏览器窗口中加载的文档(HTML文档)。通过Document对象,我们可以获取并操作文档的各个元素、样式、事件等。
下面我们来介绍几个Document对象的常用属性。
1. document.body
document.body属性用于获取或设置文档的
元素。通过该属性,我们可以操作和修改文档主体的内容和样式。例如,我们可以使用以下代码将文档的背景颜色设置为红色:
document.body.style.backgroundColor = "red";
2. document.title
document.title属性用于获取或设置文档的标题。通过该属性,我们可以动态地修改文档的标题,让其根据不同的条件显示不同的值。
例如,我们可以使用以下代码在文档加载完成后将标题修改为当前日期:
document.title = new Date().toDateString();
3. document.URL和document.domain
document.URL属性用于获取文档的完整URL地址,包括协议、主机名、路径和查询参数等。
document.domain属性用于获取或设置文档的主机名部分。通常情况下,由于安全原因,限制了对document.domain的访问。只有当两个文档的主机名一致时,才能通过修改document.domain属性来实现跨域通信。
例如,如果当前文档的URL为http://www.example.com/path/to/document.html,我们可以使用以下代码获取该URL:
console.log(document.URL); // 输出:http://www.example.com/path/to/document.html
4. document.forms
document.forms属性返回当前文档中所有的