Element对象提供各种实用函数来操作 DOM 中的元素。
这是所有带有示例的实用程序函数的列表。此处定义的所有方法都会自动添加到使用 $() 函数访问的任何元素。
所以,写 Element.show(‘firstDiv’); 与编写 $(‘firstDiv’).show(); 相同
原型元素法
注意– 确保你至少有 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() 将源的位置和/或尺寸克隆到由可选参数选项定义的元素上。 |
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 属性相反,它将返回任何节点。 |
19. | getDimensions() 查找元素的计算宽度和高度,并将它们作为对象的键/值对返回。 |
20. | getElementsByClassName 已弃用。获取元素的所有后代,它们具有 className 的 CSS 类,并将它们作为扩展元素的数组返回。请使用 $$()。 |
21. | getElementsBySelector 已弃用。获取任意数量的 CSS 选择器(字符串)并返回匹配其中任何一个的元素的扩展子元素数组。请使用 $$()。 |
22. | getHeight() 查找并返回元素的计算高度。 |
23. | getOffsetParent() 返回元素最近定位的祖先。如果没有找到,则返回 body 元素。 |
24. | getStyle() 返回元素的给定 CSS 属性值。属性可以用其 CSS 或驼峰形式指定。 |
25. | getWidth() 查找并返回元素的计算宽度。 |
26. | hasClassName() 检查元素是否具有给定的 CSS 类名。 |
27. | hide() 隐藏并返回元素。 |
28. | identify() 返回元素的 id 属性(如果存在),或者设置并返回一个唯一的、自动生成的 id。 |
29. | immediateDescendants() 已弃用。收集元素的所有直接后代(即子代)并将它们作为扩展元素数组返回。请使用 childElements()。 |
30. | insert() 在元素之前、之后、顶部或底部插入内容。 |
31. | inspect() 返回元素的面向调试的字符串表示形式。 |
32. | makeClipping() 通过将元素的溢出值设置为“隐藏”来模拟支持不佳的 CSS 剪辑属性。返回元素。 |
33. | makePositioned() 允许通过将元素的 CSS 位置设置为“相对”(如果其初始位置为“静态”或未定义)来轻松创建 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 溢出属性设置回应用 Element.makeClipping() 之前的值。返回元素。 |
57. | undoPositioned() 将元素设置回应用 Element.makePositioned 之前的状态。返回元素。 |
58. | up() 返回与给定 cssRule 匹配的元素的第一个祖先。 |
59. | update() 用提供的 newContent 参数替换元素的内容并返回元素。 |
60. | viewportOffset() 返回元素相对于视口的 X/Y 坐标。 |
61. | visible() 返回一个布尔值,指示元素是否可见。 |
62. | wrap() 将一个元素包装在另一个元素中,然后返回包装器。 |
63. | writeAttribute() 添加、指定或删除作为散列或名称/值对传递的属性。 |
作者:terry,如若转载,请注明出处:https://www.web176.com/prototype/8267.html