DOM编程：深入理解document对象

"该资源是关于JavaScript学习的PPT，主要讲解了document对象的使用，包括它的属性和方法。文档中提到了bgColor属性用于设置或获取文档的背景颜色，以及两个常用方法getElementByID和getElementsByName，分别用于通过ID获取唯一元素和通过name获取一组元素。此外，还涉及了DOM编程的应用，例如制作浮动广告图片、带关闭按钮的浮动窗口和全选/全不选的特效。" document对象是JavaScript中非常重要的一个全局对象，它代表了整个HTML文档，提供了访问和操作页面元素的方法和属性。在网页中，我们可以通过document对象来操作DOM（文档对象模型），从而实现对HTML元素的各种操作。 1. **属性**： - `bgColor`：这个属性可以用来设置或检索Document对象的背景颜色。例如，`document.bgColor = "blue"` 将设置整个页面的背景色为蓝色。 2. **方法**： - `getElementByID(id)`：这个方法根据提供的ID字符串返回页面中唯一匹配的HTML元素。例如，如果我们有一个id为"myDiv"的元素，`var myDiv = document.getElementById("myDiv");` 可以让我们获取到这个元素进行进一步的操作。 - `getElementsByName(name)`：这个方法根据提供的name属性值返回一个包含所有匹配元素的NodeList集合。比如，如果多个元素具有相同的`name`属性，如表单元素，可以使用此方法获取它们。例如，`var inputs = document.getElementsByName("inputName");` 返回的是一个包含所有name为"inputName"的元素数组。 文档中还提到了一些实际应用的示例，如制作浮动的广告图片，这通常涉及到使用JavaScript来动态改变元素的位置，以达到“浮动”的效果。通过创建一个包含图片的div层，并使用JavaScript来调整其坐标，可以实现广告图片随着页面滚动而浮动的效果。同时，还提到了如何制作带关闭按钮的浮动窗口，这可能涉及到事件监听和元素的显示与隐藏。另一个例子是全选/全不选特效，这通常需要用到`getElementsByName`方法获取表单元素，并通过遍历和修改它们的`checked`属性来实现全选或全不选的功能。 学习这些知识点对于JavaScript基础和DOM编程至关重要，它们允许开发者对网页内容进行动态交互和更新，是创建动态网页和丰富用户体验的基础。