如何在 Wix Corvid/Code IDE 中附加Child答案

【问题标题】：How to appendChild in the Wix Corvid/Code IDE如何在 Wix Corvid/Code IDE 中附加Child
【发布时间】：2019-12-18 22:40:57
【问题描述】：

我已经通过 Corvid 文档和 Stack 进行了搜索，但没有找到任何东西。

有没有办法在 Wix Corvid（代码）中 appendChild()？

编辑：Wix 不允许直接访问 DOM。我假设回答这个问题的人会知道我正在寻找替代 appencChild 的方法，并且知道这种方法不能像在 Wix 中那样使用。

澄清一下：有没有办法使用 Wix 的 API 将子元素添加到父元素？

【问题讨论】：

标签： velo

【解决方案1】：

这取决于您要达到的目标，我唯一想到的就是向中继器添加更多项目

您可以通过首先从中继器获取初始数据，将另一个项目添加到数组并重新分配中继器的数据属性来实现

const initialData = $w('#repeater').data
const newItem = {
   _id: 'newItem1', // Must have an _id property
   content: 'some content'
}
const newData = [...initialData, newItem]
$w('#repeater').data = newData

https://www.wix.com/corvid/reference/$w.Repeater.html#data

【讨论】：

【解决方案2】：

在 Corvid 中，您不能使用任何访问 DOM 的函数。

来自 Corvid 的一位开发者：

禁止访问 div、span、按钮等文档元素。访问页面元素的方式只有通过$w。一个小例外是 $w.HtmlComponent（它基于 iFrame）。这个元素被设计为包含普通的 HTML，它工作得很好。你不能试图通过使用父级、窗口、顶部等来欺骗它。

Javascript 文件可以添加到您网站的公共文件夹中，但同样的限制也适用 - 无法访问 DOM。

【讨论】：

我知道您无法在 wix 中访问 DOM，但它们具有 API，可让您选择元素并添加内容、更改 html 等。我想我正在寻找 appendChild 的替代方法。答案+1，谢谢。生病编辑我的问题。