这部分提供了很多(写的都有点烦了)方便的操作dom的方法：包含有名的$方法、document.getElementsByClassName方法，以及Element对象、Insertion对象
以下部分一个一个的详细介绍：
$(element)：getElementById的封装，element可以是一个元素的id或元素本身，也可以是一个数组，这时返回一个数组，使用$方法，会自动调用Element.extend(element)方法，这样的话使元素可以直接调用Element中的方法, 例如Element.hide(element)可以写成这样$(element).hide()
document
在JavaScript的世界里，Prototype库提供了一系列强大的DOM操作方法，极大地简化了对HTML元素的处理。在"Prototype使用指南之dom.js"中，我们主要探讨以下几个关键知识点：
1. **$方法**：这是Prototype中最核心的方法之一，它实际上是`getElementById`的封装。`$(element)`不仅能接受一个元素ID作为参数，还可以接收一个元素对象或一个元素数组。当传入的是数组时，`$`方法会返回一个数组，其中包含了扩展过后的元素。扩展意味着这些元素能够直接调用`Element`对象中的方法，如`Element.hide(element)`可以简洁地写作`$(element).hide()`。
2. **document.getElementsByClassName方法**：这个方法允许我们根据类名来查找文档中的元素，与原生的`getElementsByClassName`不同，Prototype的实现更早并且支持老版本的浏览器。`document.getElementsByClassName(className, parentElement)`可以在可选的父元素`parentElement`内查找具有指定`className`的元素。
3. **Element.extend方法**：此方法用于扩展一个元素，使其能够直接调用`Element`、`Form.Element`或`Form`中定义的方法。例如，通过`Element.extend(element)`，我们可以让`element`具备`Element`对象的所有功能。
4. **Element对象的方法**：这部分包括一系列操作元素的方法，如：
- `visible`: 判断元素是否可见。
- `toggle`: 反转元素的可见状态。
- `hide`: 隐藏元素。
- `show`: 显示元素。
- `remove`: 移除元素。
- `update`: 更新元素内容，新内容中的`<script>`标签会被执行。
- `replace`: 将元素替换为指定的HTML内容。
- `inspect`: 获取元素的字符串表示。
- `recursivelyCollect`: 递归收集指定属性，例如获取所有祖先节点。
- `ancestors`: 直接返回元素的所有祖先节点。
- `descendants`: 返回元素的所有子孙节点。
- `immediateDescendants`: 返回元素的直接子节点数组。
- `previousSiblings`: 获取元素前面的兄弟节点。
- `nextSiblings`: 获取元素后面的兄弟节点。
- `siblings`: 获取所有兄弟节点。
- `match`: 使用`Selector`的`match`方法来判断元素是否匹配CSS选择器或Prototype中的Selector实例。
5. **up, down, previous, next方法**：这些方法帮助我们找到元素的祖先、子孙、前一个兄弟或后一个兄弟。`up(element, expression, index)`查找祖先，`down(element, expression, index)`查找子孙，`previous(element, expression, index)`查找前一个兄弟，`next(element, expression, index)`查找后一个兄弟。它们都可以接受一个CSS选择器和索引来定位特定元素。
6. **getElementsBySelector方法**：这是对`Selector.findChildElements`方法的封装，可以根据一组CSS选择器在指定元素内查找匹配的子元素。
Prototype库的DOM操作工具集使得JavaScript开发者能更加高效、简洁地处理DOM树，极大地提高了开发效率。通过上述方法，你可以轻松实现元素的选取、遍历、修改和样式控制，为你的Web应用带来更多的可能性。在实际开发中，熟练掌握Prototype的DOM操作方法将大大提升代码的质量和可维护性。
