深入理解JavaScript的document对象

"JS的document_详细学习" 在JavaScript中，`document`对象是浏览器提供的一种全局对象，它代表了当前正在加载的HTML或XML文档。`document`对象提供了丰富的属性和方法，允许开发者对网页内容进行操作、获取信息或者与用户进行交互。以下是关于`document`对象的一些详细知识点： ### 一、属性 1. document.title：用于获取或设置网页的标题，对应HTML中的`<title>`标签内容。 2. document.bgColor：已过时，用来设置页面背景颜色，现在通常通过CSS来实现。 3. document.fgColor：已过时，用于设置页面的前景色，即文本颜色，同样建议使用CSS。 4. document.linkColor：设置未被点击过的超链接（链接）的颜色。 5. document.alinkColor：设置被激活或有焦点的链接的颜色。 6. document.vlinkColor：设置已被点击过的链接的颜色。 7. document.URL：返回当前页面的完整URL，可以用来获取或跳转到新的URL。 8. document.fileCreatedDate：只读属性，返回文件的创建日期。 9. document.fileModifiedDate：只读属性，返回文件的最后修改日期。 10. document.fileSize：只读属性，返回文件的大小。 11. document.cookie：用于设置和读取网页的cookies，用于存储少量数据。 12. document.charset：设置或获取文档的字符编码，例如"gb2312"表示简体中文。 ### 二、方法 1. document.write()：动态向HTML文档中写入内容，通常在页面加载过程中使用，不推荐在页面加载后使用，因为它会清空整个页面。 2. document.createElement(Tag)：根据给定的HTML标签名创建一个新的DOM元素。 3. document.getElementById(ID)：通过ID值获取页面中对应的元素，返回第一个匹配的元素。 4. document.getElementsByName(Name)：返回一组具有相同`name`属性的元素，返回的是一个NodeList集合。 5. document.body.appendChild(oTag)：将指定的元素（oTag）添加到body元素的子节点末尾，实现元素的动态插入。 ### 其他操作 `document`对象还包含其他重要的方法和属性，如： - `document.getElementsByTagName(tagName)`：返回指定标签名的所有元素。 - `document.querySelector(selector)` 和 `document.querySelectorAll(selector)`：根据CSS选择器获取单个或多个元素。 - `document.getElementById().innerHTML` 和 `.outerHTML`：分别用于获取或设置元素的内部HTML和外部HTML。 - `document.getElementById().style`：用于访问元素的内联样式。 - `document.createElement().appendChild()` 和 `.insertBefore()`：创建新元素并插入到现有元素的子树中。 - `document.createElement().setAttribute()` 和 `.getAttribute()`：设置或获取元素的属性值。 这些方法和属性是JavaScript与HTML交互的基础，掌握了它们，就能够实现诸如动态添加、删除、修改网页元素，以及处理用户事件等多种功能。在实际开发中，还需要结合DOM操作、事件监听等知识，才能更有效地控制和操作网页。