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