JS document对象详解
document 对象在 web 浏览器中代表整个 HTML 文档，是 JavaScript 的 window 对象的一个部分，提供了处理网页内容的方法和接口。
以下是一些常用的 document 对象属性和方法：
属性：
document.body：获取对 <body> 元素的引用。document.documentElement：获取对 <html> 元素的引用。document.title：获取或设置网页标题。document.URL：获取当前页面的 URL。document.domain：获取当前页面的域名。
方法：
document.getElementById(id)：根据 ID 获取一个元素。document.getElementsByTagName(name)：根据标签名获取元素集合。document.getElementsByClassName(name)：根据类名获取元素集合。document.querySelector(selector)：根据 CSS 选择器返回第一个匹配的元素。document.querySelectorAll(selector)：根据 CSS 选择器返回所有匹配的元素。document.createElement(tagName)：创建一个新的元素。document.createTextNode(text)：创建一个包含文本的新节点。document.write()：向文档流中写入字符串或字符串值。
示例代码：
// 获取页面标题
console.log(document.title);
// 获取页面 URL
console.log(document.URL);
// 创建一个新的 div 元素
var newDiv = document.createElement('div');
newDiv.innerHTML = '这是一个新的 div 元素';
// 将新创建的元素插入到 body 中
document.body.appendChild(newDiv);
// 查询 ID 为 'myElement' 的元素
var myElement = document.getElementById('myElement');
// 查询所有类名为 'myClass' 的元素
var myClassElements = document.getElementsByClassName('myClass');
// 查询所有 <p> 标签的元素
var pElements = document.getElementsByTagName('p');以上代码提供了基本的 document 对象使用示例，可以帮助开发者理解如何操作 HTML 文档。
评论已关闭