CC/Javascript更改停止颜色

我正试图通过javascript/jquery更改svg中停止颜色的值

我的SVG是外部的，我在渐变填充中添加了一个类

<linearGradient id="paint1_linear" x1="264.64" y1="764.58" x2="264.64" y2="275.06"   
    gradientUnits="userSpaceOnUse">
   <stop id="gradColor1" class="gradient1" offset="0"/>
   <stop                 class="gradient2" offset="100%"/>
</linearGradient>

现在..我想通过Javascript更改gradient1的颜色

gradient1.setProperty("stop-color","green");

我尝试了很多不同的方法，但都没有效果。 如果我的代码是正确的，那么svg是否存在跨源问题？ 我需要做什么

欣赏任何类型的线索

更新：我已经测试过了，它可以工作了！：

document.documentElement.style.setProperty('--color1', 'white');

---

因此，即使这段代码正常工作，它也不会将颜色更新到外部svg，我假设这是一个跨源问题。如果有人有这方面的经验，请告诉我。总之，如何在运行时将渐变更改为外部SVG。

您在哪里定义了

gradient1

？您好，您尝试过

gradient1.style.setProperty（'--color stop'，“green”）如果您尝试的所有解决方案都出现错误，请在此处添加它们。注意：gradient1应该是HTML元素，使用document.getElementById从DOM.Hi检索它，这样就可以：document.documentElement.style.setProperty（'--color1'，white'）；我已经测试过了，效果不错。然而，正如我所怀疑的，它不会更新SVG上的颜色，可能是因为它是一个跨源问题。我不知道如何“更新”svg。您在哪里定义了
gradient1
？您好，您尝试过
gradient1.style.setProperty（'--color stop'，green'）如果您尝试的所有解决方案都出现错误，请在此处添加它们。注意：gradient1应该是HTML元素，使用document.getElementById从DOM.Hi检索它，这样就可以：document.documentElement.style.setProperty（'--color1'，white'）；我已经测试过了，效果不错。然而，正如我所怀疑的，它不会更新SVG上的颜色，可能是因为它是一个跨源问题。我不知道如何“更新”svg。
document.documentElement.style.setProperty('--color1', 'white');