Javascript 使用D3访问链接SVG的元素ID

尝试使用D3访问inkscape svg元素时，没有任何更改。没有错误

SVG在我的HTML中显示良好

我已经在inkscape和嵌套

.select（）

中检查了ID。已将

svg

作为全局变量。我没有得到任何错误，所以我不知道这是如何通过裂缝滑动

<div id="CryoSVG">
   <script> svg = d3.xml('/Data/CryoConcept.svg').then(data => { document.body.append(data.documentElement);})</script>
   <script> d3.select("svg").select("V6").style("fill","blue");</script>
</div>

svg=d3.xml（'/Data/CryoConcept.svg'）。然后（Data=>{document.body.append（Data.documentElement）；}）
d3.选择（“svg”）。选择（“V6”）。样式（“填充”、“蓝色”）；

实际上，我希望D3读取一个文件，并根据txt中的值将颜色更改为红色或绿色。我用蓝色只是为了说明

---

在浏览器中检查HTML并使用D3为SVG生成的id（

id=“svg8”

）时，我尝试查看元素。无论我如何选择SVG，都不会发生任何更改，也不会出现任何错误。

您有两个脚本。让我们把它们命名为脚本1

<script> 
svg = d3.xml('/Data/CryoConcept.svg').then(data => { document.body.append(data.documentElement);})
</script>

<script> 
d3.select("svg").select("V6").style("fill","blue");
</script>

<script> 
svg = d3.xml('/Data/CryoConcept.svg').then(data => {
    document.body.append(data.documentElement);
    d3.select("svg").select("V6").style("fill","blue");
})
</script>