프로토 타입-요소 개체
요소 객체는 DOM 내 요소를 변경하기 위해 다양한 유틸리티 기능을 제공합니다.
다음은 예제와 함께 모든 유틸리티 함수 목록입니다. 여기에 정의 된 모든 메서드는 $ () 함수를 사용하여 액세스 한 모든 요소에 자동으로 추가됩니다.
그래서 Element.show ( 'firstDiv'); $ ( 'firstDiv'). show ();를 쓰는 것과 같습니다.
프로토 타입 요소 방법
NOTE − 최소 버전 1.6의 prototype.js가 있는지 확인하십시오.
| S. 아니. | 방법 및 설명 |
|---|---|
| 1. | absolutize () 페이지 레이아웃에서 위치를 변경하지 않고 요소를 절대 위치 요소로 전환합니다. |
| 2. | addClassName () 지정된 CSS 클래스 이름을 요소의 클래스 이름에 추가합니다. |
| 삼. | addMethods () 나중에 확장 요소의 메서드로 사용할 수있는 Element 개체에 자신의 메서드를 혼합 할 수 있습니다. |
| 4. | 인접 () 주어진 선택자와 일치하는 현재 요소의 모든 형제를 찾습니다. |
| 5. | 선조() 요소의 모든 조상을 수집하여 확장 요소의 배열로 반환합니다. |
| 6. | childElements () 요소의 모든 자식을 수집하고 확장 요소의 배열로 반환합니다. |
| 7. | classNames() 더 이상 사용되지 않습니다. 요소의 CSS 클래스 이름을 읽고 쓰는 데 사용되는 Enumerable 개체 인 ClassNames의 새 인스턴스를 반환합니다. |
| 8. | cleanWhitespace () 공백 만 포함하는 요소의 모든 텍스트 노드를 제거합니다. 요소를 반환합니다. |
| 9. | clonePosition () 선택적 인수 옵션에 정의 된대로 소스의 위치 및 / 또는 크기를 요소에 복제합니다. |
| 10. | cumulativeOffset () 문서의 왼쪽 상단 모서리에서 요소의 오프셋을 반환합니다. |
| 11. | cumulativeScrollOffset () 중첩 된 스크롤 컨테이너에있는 요소의 누적 스크롤 오프셋을 계산합니다. |
| 12. | 하위 항목 () 요소가 조상의 하위 요소인지 확인합니다. |
| 13. | 자손() 요소의 모든 하위 항목을 수집하여 확장 요소의 배열로 반환합니다. |
| 14. | 하위() cssRule과 일치하는 요소의 첫 번째 하위 항목을 반환합니다. cssRule이 제공되지 않으면 모든 하위 항목이 고려됩니다. 이러한 기준과 일치하는 하위 항목이 없으면 undefined가 반환됩니다. |
| 15. | 빈() 요소가 비어 있는지 테스트합니다 (즉, 공백 만 포함). |
| 16. | 넓히다() Element.Methods 및 Element.Methods.Simulated에 포함 된 모든 메서드로 요소를 확장합니다. |
| 17. | 불() 현재 요소를 대상으로하는 사용자 지정 이벤트를 시작합니다. |
| 18. | firstDescendant () 요소 인 첫 번째 자식을 반환합니다. 이는 모든 노드를 반환하는 firstChild DOM 속성과 반대입니다. |
| 19. | getDimensions () 계산 된 요소의 너비와 높이를 찾아 객체의 키 / 값 쌍으로 반환합니다. |
| 20. | getElementsByClassName 더 이상 사용되지 않습니다. CSS 클래스가 className 인 요소의 모든 하위 항목을 가져와 확장 요소의 배열로 반환합니다. $$ ()를 사용하십시오. |
| 21. | getElementsBySelector 더 이상 사용되지 않습니다. 임의의 수의 CSS 선택자 (문자열)를 취하고 이들 중 하나와 일치하는 요소의 확장 된 자식 배열을 반환합니다. $$ ()를 사용하십시오. |
| 22. | getHeight () 계산 된 요소 높이를 찾아 반환합니다. |
| 23. | getOffsetParent () 요소의 가장 가까운 위치에있는 조상을 반환합니다. 아무것도 발견되지 않으면 본문 요소가 반환됩니다. |
| 24. | getStyle () 요소의 주어진 CSS 속성 값을 반환합니다. 속성은 CSS 또는 낙타 형식으로 지정할 수 있습니다. |
| 25. | getWidth () 계산 된 요소의 너비를 찾아 반환합니다. |
| 26. | hasClassName () 요소에 주어진 CSS className이 있는지 확인합니다. |
| 27. | 숨는 장소() 요소를 숨기고 반환합니다. |
| 28. | 식별 () 요소의 id 속성이있는 경우 반환하거나 고유 한 자동 생성 ID를 설정 및 반환합니다. |
| 29. | immediateDescendants() 더 이상 사용되지 않습니다. 요소의 모든 직계 자손 (즉, 자식)을 수집하여 확장 요소의 배열로 반환합니다. childElements ()를 사용하십시오. |
| 30. | 끼워 넣다() 요소의 앞, 뒤, 맨 위 또는 맨 아래에 콘텐츠를 삽입합니다. |
| 31. | inspect () 요소의 디버그 지향 문자열 표현을 반환합니다. |
| 32. | makeClipping () 요소의 오버플로 값을 '숨김'으로 설정하여 제대로 지원되지 않는 CSS 클립 속성을 시뮬레이션합니다. 요소를 반환합니다. |
| 33. | makePositioned () 초기 위치가 '정적'이거나 정의되지 않은 경우 요소의 CSS 위치를 '상대'로 설정하여 CSS 포함 블록을 쉽게 생성 할 수 있습니다. 요소를 반환합니다. |
| 34. | 시합() 요소가 주어진 CSS 선택자와 일치하는지 확인합니다. |
| 35. | 다음() 주어진 cssRule과 일치하는 요소의 다음 형제를 반환합니다. |
| 36. | nextSiblings () 요소의 다음 형제를 모두 수집하여 확장 요소의 배열로 반환합니다. |
| 37. | 관찰 () 요소에 이벤트 핸들러를 등록하고 요소를 반환합니다. |
| 38. | positionOffset () 가장 가까운 위치에있는 조상을 기준으로 요소의 오프셋을 반환합니다. |
| 39. | 이전 () 주어진 cssRule과 일치하는 요소의 이전 형제를 반환합니다. |
| 40. | previousSiblings () 요소의 이전 형제를 모두 수집하여 확장 요소의 배열로 반환합니다. |
| 41. | readAttribute () 요소의 속성 값을 반환하거나 속성이 지정되지 않은 경우 null을 반환합니다. |
| 42. | recursivelyCollect () 속성으로 관계가 지정된 요소를 재귀 적으로 수집합니다. |
| 43. | 상대화 () 페이지 레이아웃에서 위치를 변경하지 않고 요소를 상대적으로 배치 된 요소로 전환합니다. |
| 44. | 제거 () 문서에서 요소를 완전히 제거하고 반환합니다. |
| 45. | removeClassName () 요소의 CSS className을 제거하고 요소를 반환합니다. |
| 46. | () 바꾸기 요소를 html 인수의 내용으로 대체하고 제거 된 요소를 반환합니다. |
| 47. | scrollTo () 요소가 뷰포트의 맨 위에 나타나도록 창을 스크롤합니다. 요소를 반환합니다. |
| 48. | 고르다() 임의의 수의 CSS 선택자 (문자열)를 취하고 이들 중 하나와 일치하는 요소의 확장 된 하위 항목 배열을 반환합니다. |
| 49. | setOpacity () 다양한 브라우저에서 불일치를 해결하는 동안 요소의 시각적 불투명도를 설정합니다. |
| 50. | setStyle () 요소의 CSS 스타일 속성을 수정합니다. |
| 51. | 보여 주다() 요소를 표시하고 반환합니다. |
| 52. | 형제 자매() 요소의 모든 형제를 수집하여 확장 요소의 배열로 반환합니다. |
| 53. | stopObserving () 핸들러 등록을 취소하고 요소를 반환합니다. |
| 54. | 비녀장() 요소의 가시성을 토글합니다. |
| 55. | toggleClassName () 요소의 CSS className을 토글하고 요소를 반환합니다. |
| 56. | undoClipping () 요소의 CSS 오버플로 속성을 Element.makeClipping ()이 적용되기 전의 값으로 다시 설정합니다. 요소를 반환합니다. |
| 57. | undoPositioned () Element.makePositioned가 적용되기 전의 상태로 요소를 다시 설정합니다. 요소를 반환합니다. |
| 58. | 쪽으로() 주어진 cssRule과 일치하는 요소의 첫 번째 조상을 반환합니다. |
| 59. | 최신 정보() 요소의 내용을 제공된 newContent 인수로 바꾸고 요소를 반환합니다. |
| 60. | viewportOffset () 뷰포트를 기준으로 요소의 X / Y 좌표를 반환합니다. |
| 61. | 명백한() 요소가 표시되는지 여부를 나타내는 부울을 반환합니다. |
| 62. | 싸다() 다른 요소 안에 요소를 래핑 한 다음 래퍼를 반환합니다. |
| 63. | writeAttribute () 해시 또는 이름 / 값 쌍으로 전달 된 속성을 추가, 지정 또는 제거합니다. |