为什么 WIX Velo 报告“文档未定义”？

Question

我刚刚迈出第一步，协助在 Wix 生成的网站上进行一些 Google 地图集成。

我已启用“Velo 开发者模式”并打开 JavaScript 编辑器面板。

当我输入代码时

document.createElement('div')

，编辑器会在“‘文档’未定义”行上显示一条错误消息

我想，关于 Wix，我还有很多东西需要学习。为什么编辑会抱怨这个最基本的参考文献？

Answer 1

Wix Velo 确实可以让您直接访问 DOM，正如 Sam 的回答中所述。相反，您需要使用 Wix 的

$w

命名空间。有关更多信息，您可以查看此处的文档 (https://www.wix.com/velo/reference/$w)。

Answer 2

当前使用 Wix，您无法使用代码编辑器直接创建元素。

您可以从编辑器中拖放元素，并使用 API Wix 文档与元素交互。

如果您想使用自己的 Map 元素，请拖放 IFrame 元素 您可以在其中访问 DOM，并且可以从 PostMessage 的 IFrame 与主机站点通信，并使用 onMessage 监听消息 Wix 文档

您还可以使用自定义元素访问 DOM 并创建您的 Map 元素

也就是说 Wix 有自己的地图元素，但目前有一些限制

tl；博士 创建地图元素或访问 Dom

1. 使用 Wix Map 元素
2. 使用 IFrame
3. 使用自定义元素

Answer 3

使用 Wix 的 Velo 时，您无法直接访问 DOM。因此，您不能使用

document

对象。

根据您想要使用

document.createElement

完成的任务，您可能需要使用 Velo

collapse()

函数或使用

Repeater

元素。

Answer 4

这个视频可能有用。它讨论了向 Wix 网站添加自定义代码以启用 DOM 操作。 但是，对于您尝试执行的操作，您可能不需要它，并且可以使用常规 Velo 的

$w

。