Document常见方法属性
文章目录
DOM概述什么是Document对象document 常用属性:1. document.title：获取或设置页面标题。2. document.URL：获取当前页面的完整 URL。3. document.domain：获取当前页面的域名。4. document.body：获取页面的 body 元素。5. document.head：获取页面的 head 元素。6. document.documentElement：获取页面的根元素（html 元素）。7. document.forms：获取页面中的所有表单元素。8.document.links：获取页面中所有的链接元素。9.document.images：获取页面中所有的图片元素。10.document.scripts：获取页面中所有的脚本元素。
document 常用方法:总结
DOM概述
在前端开发中，DOM（文档对象模型）扮演着重要的角色。它允许我们使用JavaScript来与网页文档进行交互，实现动态的网页效果。DOM的核心部分之一就是Document对象，它代表了整个HTML文档。在本篇博客中，我们将深入探讨Document对象，包括它的属性、方法以及如何使用它来操纵网页内容。
什么是Document对象
Document对象是DOM的根节点，代表整个HTML文档。通过Document对象，您可以访问和操纵HTML文档的各个部分，包括元素、属性、文本内容等。以下是一些Document对象的常见属性和方法：
属性方法解释document.getElementById(id):通过元素的id属性获取元素。document.getElementsByTagName(tagName):通过标签名获取元素的集合。document.createElement(tagName):创建一个新的HTML元素。document.querySelector(selector):通过CSS选择器获取元素。document.write(text):将文本写入文档。document.body:获取文档的元素。document.title:获取或设置文档的标题
document对象层次结构如图所示：
代码演示：
document 常用属性:
1. document.title：获取或设置页面标题。
2. document.URL：获取当前页面的完整 URL。
3. document.domain：获取当前页面的域名。
4. document.body：获取页面的 body 元素。
5. document.head：获取页面的 head 元素。
6. document.documentElement：获取页面的根元素（html 元素）。
7. document.forms：获取页面中的所有表单元素。
8.document.links：获取页面中所有的链接元素。
9.document.images：获取页面中所有的图片元素。
.jpg)
10.document.scripts：获取页面中所有的脚本元素。
document 常用方法:
方法解释document.getElementById()：通过Id来获取相对应的数据document.getElementByName();通过name来获取相对应的数据document.getElementByTagName();通过标签名来返回标签里所有的数据
代码演示：
文本3
效果图：
总结
Document对象是DOM的核心，代表整个HTML文档。通过Document对象，您可以获取元素、创建新元素、写入文本、处理事件以及修改元素的样式。这些功能使JavaScript能够与网页内容互动，实现动态和交互性的网页。无论是更改文本内容、更新样式、添加交互事件，还是创建新的元素，Document对象都是前端开发不可或缺的工具之一。