API 문서
ofa.js는 템플릿 문법뿐만 아니라 풍부한 API를 제공하여 DOM을 직접 조작할 수 있습니다. jQuery처럼 복잡한 네이티브 JavaScript를 간결한 ofa.js 문법으로 대체하여 쉽게 DOM 조작을 할 수 있습니다.
컴포넌트 또는 페이지 모듈의 라이프사이클 함수 및 사용자 정의 메서드에서 언제든지 ofa.js가 제공하는 API를 호출하여 DOM 요소를 유연하고 효율적으로 조작할 수 있습니다.
인스턴스 관련
ofa.js의 핵심 함수로, DOM 요소 인스턴스를 가져오고 조작하는 데 사용됩니다.
현재 요소의 모든 자식 요소 인스턴스를 가져옵니다.
현재 요소의 shadow root를 가져옵니다.
현재 요소의 이전 형제 요소를 가져옵니다.
현재 요소 이전의 모든 형제 요소를 가져옵니다.
현재 요소의 다음 형제 요소를 가져옵니다.
현재 요소 이후의 모든 형제 요소를 가져옵니다.
현재 요소의 모든 형제 요소를 가져옵니다.
현재 요소의 부모 요소를 가져옵니다.
현재 요소의 모든 조상 요소를 가져옵니다.
현재 요소와 그 자식 요소를 복사합니다.
현재 요소의 자식 요소 인스턴스를 가져옵니다.
현재 요소가 속한 루트 인스턴스를 가져옵니다.
현재 요소의 모든 자식 요소를 가져옵니다.
현재 요소가 속한 웹 컴포넌트 호스트 요소를 가져옵니다.
현재 요소가 속한 o-app 컴포넌트 인스턴스를 가져옵니다.
노드 조작
현재 요소에 자식 요소를 추가합니다.
현재 요소의 마지막 자식 요소를 삭제합니다.
현재 요소의 첫 번째 자식 요소를 삭제합니다.
현재 요소의 첫 번째 자식 요소를 추가합니다.
현재 요소의 자식 요소를 추가하거나 삭제합니다.
현재 요소 이전에 자식 요소를 추가합니다.
현재 요소 이후에 자식 요소를 추가합니다.
현재 요소를 제거합니다.
현재 요소를 지정된 요소로 감쌉니다.
현재 요소의 부모 요소 감싸기를 제거합니다.
속성 조작
요소의 텍스트 내용을 가져오거나 설정합니다.
요소의 HTML 내용을 가져오거나 설정합니다.
요소의 속성을 가져오거나 설정합니다.
요소의 스타일을 가져오거나 설정합니다.
요소의 style 객체를 가져옵니다.
요소의 클래스 이름 목록을 가져옵니다.
요소의 data 속성을 가져오거나 설정합니다.
이벤트 관련
요소에 이벤트 리스너를 추가합니다.
요소에 한 번만 실행되는 이벤트 리스너를 추가합니다.
요소의 커스텀 이벤트를 트리거합니다.
요소의 이벤트 리스너를 제거합니다.
기타
ofa.js 애플리케이션의 루트 컴포넌트로, 애플리케이션 상태와 라우팅을 관리합니다.
ofa.js의 페이지 컴포넌트로, 싱글 페이지 애플리케이션 페이지를 생성하는 데 사용됩니다.
폼 데이터를 가져옵니다.
요소의 태그 이름을 가져옵니다.
요소가 부모 요소에서 가지는 인덱스를 가져옵니다.
요소가 지정된 선택자와 일치하는지 판단합니다.
현재 컴포넌트 또는 페이지를 새로 고칩니다.
현재 페이지의 경로를 가져옵니다.
ofa.js의 기능을 확장합니다.
ofa.js의 버전 번호를 가져옵니다.
Stanz는 ofa.js의 반응형 데이터 특성으로, 데이터의 자동 업데이트를 지원합니다.