Javascript SVG未位于div/tab内（li）

您好，我目前正在尝试将SVG元素放在div内，但由于某些原因，它位于div外

<div id="Force Layout" class="tabcontent">    
  <div class="ui-widget">    
    <input id="search">
    <button type="button" id="searchButton" onclick="searchNode()">Search</button>
    <button type="button" onclick="releasenode(); ">Release</button>    
  </div>
  <script> document.body.style.zoom = 1.0 </script>
  <div style="width: 100%; overflow:visible;"> </div>                   
  <div style="width:820px;  margin-top:50px;">  
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">    
    <script src="//d3js.org/d3.v3.min.js"></script>
    <script type='text/javascript' src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"> </script>
    <script type='text/javascript' src="http://bost.ocks.org/mike/fisheye/fisheye.js?0.0.3"> </script>
    <script type='text/javascript' src = "/Portfolio for Web design/index.js"> </script>
  </div> 
</div>

搜寻
释放
document.body.style.zoom=1.0

结果是：

---

D3总是可见的，就好像它完全位于任何选项卡/div之外一般，我不认为您会像您所显示的那样在div中添加D3.js javascript。我希望看到的代码更像这样：

<div id="container"></div>
<script type='text/javascript' src = "/Portfolio for Web design/index.js"</script>

---

我猜您目前假设脚本生成SVG，并在容器div中自动呈现。但事实并非如此-您d3.js必须显式引用要添加SVG的div。

我没有看到SVG。。。在任何地方您介意添加它吗？很抱歉，SVG运行在“很好。但是，您需要为SVG包含

CSS

，为SVG包含

JS

（至少是创建并添加到div的部分）因此，潜在的回答者有足够的信息来解决问题。：）非常感谢bartel，最初我有d3.select（“body”）.append（“svg”）；感觉很……没有经验哈

d3.select("#container").append("svg");