document常用api 📄🔍

在日常开发中，我们经常需要与HTML文档进行交互，这时就需要用到`document`对象提供的各种API。本文将介绍一些常用的`document` API，帮助大家更高效地操作DOM（文档对象模型）。

首先，让我们了解一下如何获取元素。使用`document.getElementById(id)`可以快速找到具有指定ID的元素。例如：🔍 `const element = document.getElementById('myElement');`

接下来是通过类名或标签名获取元素。使用`document.getElementsByClassName(className)`和`document.getElementsByTagName(tagName)`可以分别获取具有指定类名或标签名的所有元素。这两个方法返回的是一个动态的NodeList。📚 `const elements = document.getElementsByClassName('myClass');`

最后，我们还可以创建新的元素。通过`document.createElement(tagName)`来创建一个新元素，然后使用`appendChild()`或`insertBefore()`将其添加到DOM树中。🛠️ `const newElement = document.createElement('div'); element.appendChild(newElement);`

以上就是关于`document`常用API的一些介绍，希望大家在实际开发中能够灵活运用这些API，提高工作效率！🚀

前端 JavaScript DOM