js内document的方法

JavaScript 中的 document 对象提供了许多方法来操作和管理文档。以下是一些常用的 document 方法：

1. getElementById(id)：通过元素的 id 属性获取元素。

   var element = document.getElementById('elementId');

2. getElementsByClassName(className)：通过元素的 class 名称获取元素集合。

   var elements = document.getElementsByClassName('className');

3. getElementsByTagName(tagName)：通过元素的标签名获取元素集合。

   var elements = document.getElementsByTagName('tagname');

4. getElementsByName(name)：通过元素的 name 属性获取元素集合。

   var elements = document.getElementsByName('elementName');

5. querySelector(selector)：返回文档中匹配指定 CSS 选择器的第一个元素。

   var element = document.querySelector('selector');

   • querySelectorAll(selector)：返回文档中匹配指定 CSS 选择器的所有元素的集合。

     var elements = document.querySelectorAll('selector');

   • createElement(tagName)：创建一个新的元素节点。

     var newElement = document.createElement('div');

   • createTextNode(text)：创建一个包含指定文本的新文本节点。

     var newText = document.createTextNode('Some text');

这些方法只是 document 对象提供的一部分功能，你可以通过这些方法来操纵 HTML 文档中的元素和内容。