javascript 的Document属性和方法集合

来讲解一下“javascript 的Document属性和方法集合”的完整攻略。

1. Document属性

1.1 title属性

title属性用于获取或修改HTML文档的标题。例如：

// 查看当前文档标题
console.log(document.title);

// 修改当前文档标题
document.title = "新标题";

1.2 body属性

body属性用于获取或修改HTML文档的正文（body）部分。例如：

// 修改或添加body的背景颜色
document.body.style.backgroundColor = "blue";

// 在body中添加新的DOM元素
var newDiv = document.createElement("div");
newDiv.innerText = "这是一段新的文本内容";
document.body.appendChild(newDiv);

1.3 cookie属性

cookie属性用于获取或设置文档的cookie。例如：

// 设置一个cookie
document.cookie = "username=admin; expires=Wed, 01 Jan 2040 00:00:00 GMT; path=/";

// 获取当前文档的所有cookie
console.log(document.cookie);

1.4 URL属性

URL属性用于获取当前文档的URL地址。例如：

// 获取当前文档的URL
console.log(document.URL);

1.5 referrer属性

referrer属性用于获取当前文档的来源URL。例如：

// 获取当前文档的来源URL
console.log(document.referrer);

2. Document方法

2.1 getElementById()方法

getElementById()方法用于获取指定id的DOM元素。例如：

// 获取id为"content"的元素
var content = document.getElementById("content");

2.2 getElementsByTagName()方法

getElementsByTagName()方法用于获取指定标签名的一组DOM元素。例如：

// 获取所有p标签的元素列表
var paras = document.getElementsByTagName("p");

2.3 createElement()方法

createElement()方法用于创建一个新的DOM元素。例如：

// 创建一个新的div元素
var newDiv = document.createElement("div");
newDiv.innerText = "这是一段新的文本内容";
document.body.appendChild(newDiv);

2.4 createTextNode()方法

createTextNode()方法用于创建一个包含指定文本内容的文本节点。例如：

// 创建一个包含文本内容的span元素
var newSpan = document.createElement("span");
var textNode = document.createTextNode("这是一段包含文本内容的span标签");
newSpan.appendChild(textNode);
document.body.appendChild(newSpan);

以上就是“javascript 的Document属性和方法集合”的完整攻略。