API 文檔
ofa.js 不僅支持模闆語法,還提供豐富的 API 來直接操作 DOM。就像 jQuery 一樣,妳可以用簡潔的 ofa.js 語法替代冗長的原生 JavaScript,輕鬆完成 DOM 操作。
在組件或頁面模塊的生命周期函數及自定義方法中,妳都可以隨時調用 ofa.js 提供的 API,靈活高效地操控 DOM 元素。
實例相關
ofa.js 中的覈心函數,用於獲取和操作 DOM 元素實例
獲取當前元素的所有子元素實例
獲取當前元素的 shadow root
獲取當前元素的前一個兄弟元素
獲取當前元素之前的所有兄弟元素
獲取當前元素的下一個兄弟元素
獲取當前元素之後的所有兄弟元素
獲取當前元素的所有兄弟元素
獲取當前元素的父元素
獲取當前元素的所有祖先元素
復製當前元素及其子元素
獲取當前元素的子元素實例
獲取當前元素所屬的根實例
獲取當前元素的所有子元素
獲取當前元素所屬的 web component 宿主元素
獲取當前元素所屬的 o-app 組件實例
節點操作
添加當前元素的子元素
刪除當前元素的最後一個子元素
刪除當前元素的第一個子元素
添加當前元素的第一個子元素
添加或刪除當前元素的子元素
在當前元素之前添加子元素
在當前元素之後添加子元素
移除當前元素
將當前元素包裹在指定元素中
移除當前元素的父元素包裹
屬性操作
獲取或設置元素的文本內容
獲取或設置元素的 HTML 內容
獲取或設置元素的屬性
獲取或設置元素的樣式
獲取元素的 style 對象
獲取元素的類名列錶
獲取或設置元素的 data 屬性
事件相關
爲元素添加事件監聽器
爲元素添加隻執行一次的事件監聽器
觸發元素的自定義事件
移除元素的事件監聽器
其他
ofa.js 應用的根組件,用於管理應用狀態和路由
ofa.js 的頁面組件,用於創建單頁應用頁面
獲取錶單數據
獲取元素的標籤名
獲取元素在其父元素中的索引
判斷元素是否匹配指定選擇器
刷新當前組件或頁面
獲取當前頁面的路徑
擴展 ofa.js 的功能
獲取 ofa.js 的版本號
Stanz 是 ofa.js 的響應式數據特徵,支持數據的自動更新