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 的响应式数据特征,支持数据的自动更新