Javascript 有没有一种方法可以用CSS编辑从我的计算机上的另一个文件夹调用的svg？

我现在被卡住了。在我的代码中，我有一个美国地图的SVG。一旦单击某个特定州，该国家就会消失，然后该特定州的一个单独的SVG就会消失。所有50个州都位于单独的文件夹中，检索方式如下：

//On Map Click
$(document).ready(function(){
  $('path').on("click",function(e){
    var state = "counties/"+$(this).attr('id') + ".svg";
    showState(state);
  });
});

<object style="width:auto; height:auto; " id="countyLevel" data="" type="image/svg+xml">
</object>

---

您可以将CSS属性设置为SVG路径，就像您通常使用其他元素一样

使用属性

fill

更改几何体内部的颜色，使用属性

stroke

更改实际线路径的颜色

下面是一个例子：

路径：悬停{ 填充物：红色； 笔画：蓝色； }

有很多方法可以做到这一点。jquery更改对象的类。以特定的方式定义css，以便当状态出现时，它是唯一使用该css路径的标记。ETCWELL，最简单的方法就是编辑SVG本身来添加样式。你能告诉我们“代码> SeSteste（））/Cube >还是解释我们如何在DOM中添加SVG元素？你应该考虑把你的SVG直接放在HTML文档中，而不使用<代码>对象< /Cord>元素来嵌入它。只是因为我的SVG在另一个文件夹中而出现问题

function showState(stateFile) {
  $('.usa').fadeOut();
  $('.returncountry').fadeIn();
  $("#countyLevel").attr("data", stateFile);  
  $("#countyLevel").css('display', 'block');  
  }