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()

添加、指定或删除作为哈希或名称/值对传递的属性。

广告