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() 新增、指定或刪除作為雜湊或名稱/值對傳遞的屬性。

列印頁面