javascript - 动态更新 X3DOM 模型中的纹理

Question

我正在开发一个 Web 3D 应用程序，我用 Javascript 生成了一些代码，这些代码在 iframe 中将以下标记实现到带有模型的外部 .html 文件。

在<appearance>外部 .html 文件的 X3D 代码块中的元素:

<texture id="XXX" repeats="true" repeatt="true" url="" scale="true"
hidechildren="true">
<img src="" attr=".../BMW.jpg" style="display: none; visibility: hidden;">
</texture>

在我点击按钮后将上述代码放置在 iframe 中适当 block 中的 Javascript 代码:

ogl = true;
function toggleTexture(){
if (!ogl) {
    var t = document.createElement("Texture");
    t.setAttribute("id", "XXX");
    t.setAttribute("repeatS", "true");
    t.setAttribute("repeatT", "true");
    var imgElement = document.createElement("img");
    imgElement.setAttribute("src", "../HomeFurniture/assets/BMW.jpg");
    t.appendChild(imgElement);

    var iframe = document.getElementById("frame");
    var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
    innerDoc.getElementById("anApp").appendChild(t);
    innderDoc.x3dom.reload();
} else {
    var iframe = document.getElementById("frame");
    var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
    var ot = innerDoc.getElementById("anApp");
    ot.removeChild(innerDoc.getElementById('XXX'));
}

return false;
}

Chrome 浏览器的调试结果显示插入了所需的代码，但实际模型没有更新为适当的纹理。

一定有什么我想念的，但我找不到解决办法。任何帮助将不胜感激。

Answer 1

已修复:问题出在谷歌浏览器上。我在 Mozilla Firefox 中测试了 Web 应用程序，一切正常:)

此外，我尝试了子 html 文件中的 Javascript 代码，它可以在 Chrome 中运行。当父 html 文件在 iframe block 中加载子 html 文件时，它只是拒绝工作。