SVG矢量更改填充不起作用答案

【问题标题】：SVG vector changing fill not workingSVG矢量更改填充不起作用
【发布时间】：2018-01-26 13:04:19
【问题描述】：

我正在尝试更改 SVG 文件的填充颜色。但是方法中没有人在工作。我尝试了很多，但我什至无法得到我想要的对象。

<object type="image/svg+xml" data="map.svg" height="500" id="world_map">
    Your browser does not support SVG.
    <script src="draw.js"></script>
</object>

这是我的 SVG 声明和脚本 src。

脚本是

var x = $('#world_map#path1622');
console.log(x);

但它不起作用。它甚至没有返回好的元素。我已经尝试过使用它的代码，但它也不起作用。

【问题讨论】：

你的jQuery无效；您可能正在寻找#path1622 之前的空间。您似乎也没有定义 jQuery。
不是这个。我刚刚缩短了我的代码，并发布了最重要的内容。我有 var x = $('#path1622');以前和我有同样的问题。它无法到达这条路径而且我没有错误。它的发现 #path1622 但是当我检查这个对象的属性时，没有 css，没有 id 和其他东西，它们在 svg 代码中
你的svg文档是一个框架元素，要访问它，你需要从<object>元素的contentDocument请求框架文档。
JavaScript accessing inner DOM of SVG的可能重复
仍然无法正常工作，也没有找到答案。 $(window).bind('load',function() { var mySvgObject = $('#objectid'); console.log(mySvgObject); $('object#objectid#id_of_element').style("fill", "white");; }) 即使使用 $(mySvgObject).find('#elementid').style("fill", "white");

标签： javascript dom svg

【解决方案1】：

我想我有一个小费。我的 svg 文件就像 -目的 -＃文档 -svg

我必须像这样的代码

var content = $("").contents();

我必须访问文档、对象或 svg？

【讨论】：