Javascript 有多少div'；一个画布元素可以嵌套吗？_Javascript_Html_Canvas_Three.js

Javascript 有多少div'；一个画布元素可以嵌套吗？

javascript html canvas three.js

Javascript 有多少div'；一个画布元素可以嵌套吗？,javascript,html,canvas,three.js,Javascript,Html,Canvas,Three.js,我有一些webGL（threejs）呈现在div内的画布中，其工作原理与我认为的以下结构完全相同 <body> <div id='header'></div> <div id="webGLDiv"> <script></script> </div> <div id='someInfo'></div> </body> 然而，当我将webG

我有一些webGL（threejs）呈现在div内的画布中，其工作原理与我认为的以下结构完全相同

<body>
   <div id='header'></div>
   <div id="webGLDiv">
      <script></script>
   </div>
   <div id='someInfo'></div>
</body>

然而，当我将webGLDiv嵌套到这样的父div中时

<body>
   <div id="websiteContents">
      <div id='header'></div>
      <div id="webGLDiv">
         <script></script>
      </div>
   <div id='someInfo'></div>
   </div>
</body>

在浏览器中，脚本信息保留在webGLDiv中，但canvas元素被推到了closing body标记的正上方

有人不知道为什么会这样吗？在我上面的第一个示例中，画布正好放在webGLDiv之后

脚本中的这一行控制

的位置：

document.body.appendChild(renderer.domElement);

renderer.domeElement

是您的

，而

文档.body

是它所在的父元素。（Three.js对此不使用

元素的位置。）

要更改其放置位置，需要指定不同的父元素。要使其成为

，您可以使用：

document.getElementById('webGLDiv').appendChild(renderer.domElement);

的位置由脚本中的此行控制：

document.body.appendChild(renderer.domElement);

renderer.domeElement

是您的

，而

文档.body

是它所在的父元素。（Three.js对此不使用

元素的位置。）

要更改其放置位置，需要指定不同的父元素。要使其成为

，您可以使用：

document.getElementById('webGLDiv').appendChild(renderer.domElement);

什么画布？我看不到CanvasHat canvas元素在运行时生成它的。我是自学成才的-在我的第一个示例中，这是我使其工作的唯一方法。画布的放置取决于您在脚本中对渲染器的

domeElement

所做的操作。你也能分享你的代码吗？别担心，我们大多数人，如果不是所有人，都是自学成才的：）哈哈，谢谢你的鼓励！！这里的链接是指向小提琴的链接。如果我删除“ab3d网站”div，它就可以正常工作，如上面的示例所述。什么画布？我看不到CanvasHat canvas元素在运行时生成它的。我是自学成才的-在我的第一个示例中，这是我使其工作的唯一方法。画布的放置取决于您在脚本中对渲染器的

domeElement

所做的操作。你也能分享你的代码吗？别担心，我们大多数人，如果不是所有人，都是自学成才的：）哈哈，谢谢你的鼓励！！这里的链接是指向小提琴的链接。如果我删除了“ab3d网站”div，它就可以像上面的例子中所描述的那样正常工作。谢谢Jonathan Lonowski，成功了！谢谢乔纳森·洛诺夫斯基，成功了！