
- Prototype 教程
- Prototype - 首页
- Prototype - 简要概述
- Prototype - 有用功能
- Prototype - 实用方法
- Prototype - 元素对象
- Prototype - 数字处理
- Prototype - 字符串处理
- Prototype - 数组处理
- Prototype - 哈希处理
- Prototype - 基本对象
- Prototype - 模板
- Prototype - 枚举
- Prototype - 事件处理
- Prototype - 表单管理
- Prototype - JSON 支持
- Prototype - AJAX 支持
- Prototype - 表达范围
- Prototype - 定期执行
- Prototype 有用资源
- Prototype - 快速指南
- Prototype - 有用资源
- Prototype - 讨论
Prototype - 元素对象
Element 对象提供各种实用函数来操作 DOM 中的元素。
以下是所有实用函数及其示例的列表。此处定义的所有方法都会自动添加到使用 $() 函数访问的任何元素中。
因此,编写 Element.show('firstDiv'); 与编写 $('firstDiv').show(); 相同。
Prototype 元素方法
注意 - 确保您至少拥有 1.6 版的 prototype.js。
序号 | 方法和描述 |
---|---|
1. | absolutize()
将元素转换为绝对定位元素,而不会更改其在页面布局中的位置。 |
2. | addClassName()
将给定的 CSS 类名添加到元素的类名中。 |
3. | addMethods()
可以将您自己的方法混合到 Element 对象中,稍后您可以将其用作扩展元素的方法。 |
4. | adjacent()
查找与给定选择器匹配的当前元素的所有同级元素。 |
5. | ancestors()
收集元素的所有祖先,并将其作为扩展元素的数组返回。 |
6. | childElements()
收集元素的所有子元素,并将其作为扩展元素的数组返回。 |
7. | classNames() 已弃用。返回 ClassNames 的新实例,这是一个用于读取和写入元素 CSS 类名的 Enumerable 对象。 |
8. | cleanWhitespace()
删除元素的所有仅包含空格的文本节点。返回元素。 |
9. | clonePosition()
根据可选参数 options 克隆源到元素的位置和/或尺寸。 |
10. | cumulativeOffset()
返回元素相对于文档左上角的偏移量。 |
11. | cumulativeScrollOffset()
计算嵌套滚动容器中元素的累积滚动偏移量。 |
12. | descendantOf()
检查元素是否是祖先的后代。 |
13. | descendants()
收集元素的所有后代,并将其作为扩展元素的数组返回。 |
14. | down()
返回元素的第一个与 cssRule 匹配的后代。如果未提供 cssRule,则考虑所有后代。如果没有后代匹配这些条件,则返回 undefined。 |
15. | empty()
测试元素是否为空(即,仅包含空格)。 |
16. | extend()
使用 Element.Methods 和 Element.Methods.Simulated 中包含的所有方法扩展元素。 |
17. | fire()
使用当前元素作为其目标触发自定义事件。 |
18. | firstDescendant()
返回第一个是元素的子元素。这与 firstChild DOM 属性相反,firstChild DOM 属性将返回任何节点。 |
19. | getDimensions()
查找元素的计算宽度和高度,并将其作为对象的键/值对返回。 |
20. | getElementsByClassName 已弃用。获取元素的所有具有 className CSS 类的后代,并将其作为扩展元素的数组返回。请使用 $$()。 |
21. | getElementsBySelector 已弃用。获取任意数量的 CSS 选择器(字符串),并返回元素的扩展子元素的数组,这些子元素与其中任何一个匹配。请使用 $$()。 |
22. | getHeight()
查找并返回元素的计算高度。 |
23. | getOffsetParent()
返回元素最接近的定位祖先。如果未找到,则返回 body 元素。 |
24. | getStyle()
返回元素的给定 CSS 属性值。属性可以用其 CSS 或驼峰式形式指定。 |
25. | getWidth()
查找并返回元素的计算宽度。 |
26. | hasClassName()
检查元素是否具有给定的 CSS className。 |
27. | hide()
隐藏并返回元素。 |
28. | identify()
如果存在,则返回元素的 id 属性,或者设置并返回唯一的自动生成的 id。 |
29. | immediateDescendants() 已弃用。收集元素的所有直接后代(即子元素),并将其作为扩展元素的数组返回。请使用 childElements()。 |
30. | insert()
在元素之前、之后、顶部或底部插入内容。 |
31. | inspect()
返回元素的面向调试的字符串表示形式。 |
32. | makeClipping()
通过将元素的 overflow 值设置为“hidden”来模拟支持不佳的 CSS clip 属性。返回元素。 |
33. | makePositioned()
允许通过将元素的 CSS position 设置为“relative”(如果其初始位置为“static”或未定义)来轻松创建 CSS 包含块。返回元素。 |
34. | match()
检查元素是否匹配给定的 CSS 选择器。 |
35. | next()
返回元素的下一个与给定 cssRule 匹配的同级元素。 |
36. | nextSiblings()
收集元素的所有后续同级元素,并将其作为扩展元素的数组返回。 |
37. | observe()
在元素上注册事件处理程序并返回元素。 |
38. | positionedOffset()
返回元素相对于其最接近的定位祖先的偏移量。 |
39. | previous ()
返回元素的前一个与给定 cssRule 匹配的同级元素。 |
40. | previousSiblings()
收集元素的所有前一个同级元素,并将其作为扩展元素的数组返回。 |
41. | readAttribute()
返回元素属性的值,如果未指定属性,则返回 null。 |
42. | recursivelyCollect()
递归收集其关系由属性指定的元素。 |
43. | relativize()
将元素转换为相对定位元素,而不会更改其在页面布局中的位置。 |
44. | remove ()
完全从文档中删除元素并返回它。 |
45. | removeClassName()
删除元素的 CSS className 并返回元素。 |
46. | replace ()
用 html 参数的内容替换元素并返回已删除的元素。 |
47. | scrollTo ()
滚动窗口,使元素出现在视口顶部。返回元素。 |
48. | select()
获取任意数量的 CSS 选择器(字符串),并返回元素的扩展后代的数组,这些后代与其中任何一个匹配。 |
49. | setOpacity()
设置元素的视觉不透明度,同时解决各种浏览器中的不一致问题。 |
50. | setStyle()
修改元素的 CSS 样式属性。 |
51. | show()
显示并返回元素。 |
52. | siblings()
收集元素的所有同级元素,并将其作为扩展元素的数组返回。 |
53. | stopObserving()
注销处理程序并返回元素。 |
54. | toggle()
切换元素的可见性。 |
55. | toggleClassName()
切换元素的 CSS className 并返回元素。 |
56. | undoClipping()
将元素的 CSS overflow 属性设置回应用 Element.makeClipping() 之前的那个值。返回元素。 |
57. | undoPositioned()
将元素恢复到应用 Element.makePositioned 之前的状态。返回元素。 |
58. | up()
返回元素的第一个与给定 cssRule 匹配的祖先。 |
59. | update()
用提供的 newContent 参数替换元素的内容并返回元素。 |
60. | viewportOffset()
返回元素相对于视口的 X/Y 坐标。 |
61. | visible()
返回一个布尔值,指示元素是否可见。 |
62. | wrap()
将元素包装在另一个元素内,然后返回包装器。 |
63. | writeAttribute()
添加、指定或删除作为哈希或名称/值对传递的属性。 |