JavaScript Document 对象常用方法详解

以下是一些常用的 Document 对象的方法：

1. getElementById(): 根据元素的 ID 获取该元素对象。

2. getElementsByClassName(): 根据类名获取该元素对象。

3. getElementsByTagName(): 根据标签名获取该元素对象。

4. createElement(): 创建元素节点。

5. createTextNode(): 创建文本节点。

6. appendChild(): 将一个新的子节点添加到指定节点的子节点列表的末尾。

7. removeChild(): 从父节点中删除指定的子节点。

8. replaceChild(): 用一个新的节点替换指定的子节点。

9. innerHTML: 获取或设置元素的 HTML 内容。

10. style: 获取或设置元素的 CSS 样式。

11. addEventListener(): 添加事件监听器。

12. removeEventListener(): 移除事件监听器。

13. querySelector(): 根据 CSS 选择器获取元素对象。

14. querySelectorAll(): 根据 CSS 选择器获取所有符合条件的元素对象。

15. scrollTop: 获取或设置元素的滚动条位置。

16. scrollHeight: 获取元素的滚动高度。

17. offsetTop: 获取元素相对于其 offsetParent 元素的垂直偏移量。

18. offsetLeft: 获取元素相对于其 offsetParent 元素的水平偏移量。

19. clientWidth: 获取元素的可见宽度。

20. clientHeight: 获取元素的可见高度。

21. focus(): 将元素设为焦点。

22. blur(): 将元素失去焦点。

23. submit(): 提交表单。

24. reset(): 重置表单。

25. getElementById().value: 获取或设置元素的值。

26. getComputedStyle(): 获取元素的计算样式。