A-Frame appendChild 适用于 Firefox,但不适用于 Chrome

特里格夫

我正在尝试使用模板元素在 A-Frame 中动态创建新实体。辅助函数如下所示:

function htmlToElement(html) {
    const template = document.createElement('template');

    // Never return a text node of whitespace as the result.
    html = html.trim();

    template.innerHTML = html;
    return template.content.firstChild;
}

我像这样使用它:

document.querySelector('a-scene').addEventListener('loaded', () => {
  const cube = htmlToElement('<a-box position="0 1 -2"></a-box>')

  document.querySelector('a-scene').appendChild(cube);
});

这在 Firefox 中效果很好,但在 Chrome 中实体不显示。如果查看具有类似document.querySelector('a-box')没有object3D属性的实体,那么我不认为将元素附加到场景中是在 Chrome 上使用 A-Frame 注册元素。我错过了什么才能让它在 Chrome 中工作?这是一支

谢谢!

制作音乐

也许您可以尝试使用 insertAdjacentHTML?那时您可能不需要模板包装器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

适用于chrome,但不适用于Firefox,Eventlistener,appendChild和style.backgroundColor

会话不适用于 chrome,但适用于 Firefox

按钮不适用于Firefox,但适用于Chrome

Flexbox 不适用于 Chrome,适用于 Firefox

HTML呈现问题-适用于Mozilla Firefox,但不适用于Google Chrome

JS / CSS代码适用于Chrome,但不适用于Firefox

JavaScript适用于Chrome,但不适用于Firefox

D3强制布局适用于Chrome,但不适用于Firefox

iframe中的PDF-适用于Firefox,但不适用于OSX上的Chrome

CSS规则适用于IE,但不适用于Chrome / Firefox

JS适用于Chrome,但不适用于Firefox

ajax post适用于chrome,firefox,但不适用于Internet Explorer

Socket.IO适用于Firefox和Edge,但不适用于Chrome吗?

Python中的Selenium预期条件适用于Firefox,但不适用于Chrome

背景尺寸 min() min(); 适用于 chrome 但不适用于 firefox 或 Edge

内对焦适用于chrome,但不适用于Firefox

自定义元素适用于Safari,但不适用于Firefox和Chrome

jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

JS适用于Chrome,但不适用于Firefox

JS适用于Firefox和Safari,但不适用于Chrome。这是我的网站

单击切换适用于 Chrome 和 Safari 但不适用于 Firefox?

硒不适用于Firefox或Chrome

AppendChild 不适用于 textcontent (javascript)

AppendChild 不适用于父元素

CSS 动画仅适用于 Firefox 和 Chrome,但不适用于 Apple 设备(Safari?)

使用TOR来获取代理的Python硒适用于Firefox,但不适用于Chrome

docker 子域 api.localhost 适用于 chrome 但不适用于终端

pd.read_html 适用于 Microsoft Edge 但不适用于 Chrome

相同的代码适用于chrome DevTools控制台,但不适用于TamperMonkey