在Wix中用JavaScript更新自定义组件：无法访问innerHTML问题

• 核心原因：Wix的自定义HTML区块（即你提到的html2）运行在独立的iframe中，和Wix页面的主DOM环境完全隔离。主页面的JavaScript代码无法直接跨iframe访问该区块的innerHTML。
• 解决思路：
  1. 若在自定义HTML区块内部编写JS，可直接访问区块内的元素更新内容：

     document.getElementById('区块内目标元素ID').innerHTML = '要更新的内容';
     

  2. 若需从主页面JS与自定义HTML区块通信，必须使用Wix提供的postMessage机制：
     • 主页面发送消息：

       $w("#html2").postMessage("要传递的内容");
       

     • 自定义HTML区块内接收消息并更新：

       window.addEventListener("message", (event) => {
         if (event.data) {
           document.getElementById('区块内目标元素ID').innerHTML = event.data;
         }
       });
       

• 注意事项：不要直接操作整个HTML区块的innerHTML，而是定位到区块内的具体元素；生产环境中可通过event.origin校验消息来源，保障安全性。

内容的提问来源于stack exchange，提问作者arcee123