Javascript 是否可以同时使用外部css样式表/js文件和外部svg文件？_Javascript_Html_Css_Svg

Javascript 是否可以同时使用外部css样式表/js文件和外部svg文件？

javascript html css svg

Javascript 是否可以同时使用外部css样式表/js文件和外部svg文件？,javascript,html,css,svg,Javascript,Html,Css,Svg,我想在更改外部svg文件时使用外部css/js文件，但是，在将svg文件“导入”到html中时，它的“子标签”（如path）不会被导入，因此css和js无法更改它 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <object data="m

我想在更改外部svg文件时使用外部css/js文件，但是，在将svg文件“导入”到html中时，它的“子标签”（如path）不会被导入，因此css和js无法更改它

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <object data="map.svg" type="image/svg+xml"></object>
                <script src="map.js"></script>
    </body>
</html>

我已经看到了多个提议的解决方案，但我认为这些解决方案没有发挥作用。如果有人能解释这些或提出自己的建议，我将不胜感激

内联svg[我的地图文件有3000多行代码，很难阅读html]
为map.svg提供单独的样式表[我似乎无法完成此工作]
为map.svg提供内联css[我想知道这些文件是否可以分开，我看不到js的等价物]
进行javascript注入[我似乎无法完成这项工作，我相信这只是使用javascript文件从svg文件中动态添加路径元素，我希望有一个单独的js文件或将其合并到我的html js文件中，并且更喜欢这种方法]

提前谢谢

如果SVG具有可用于从JavaScript获取SVG文档的


常量mapObject=document.getElementById（“映射”）；
mapObject.addEventListener（“加载”，（）=>{
mapObject
.getSVGDocument（）
.querySelector（“路径”）
.setAttribute（“填充”、“红色”）；
});

如何将SVG文件“导入”到html中？你们如何“有一个单独的样式表”，请包括一个非工作代码。