Javascript SVG对象classList.add（）将类添加到元素中，但不链接回样式表

我正在本地主机服务器上运行自定义Wordpress主题。我很难弄清楚为什么类被添加到类列表中，但是样式元素没有应用

Javascript：“custom.js”

HTML/PHP：“FrontPage.PHP”

---

您是否链接了html文件中的“style.css”？另外，类“starter”和“icon\u stroke”是否在同一个css文件中？是的，style.css在HTML页面中使用functions.php（wp\u enqueue\u style）链接。“starter”类是我在SVG文件内部设置的默认类。“icon_stroke”类位于我的“style.css”文件中，我想在加载时添加到HTML>object>SVG中。
$(document).load(function() {
    changeColor();
});

function changeColor(){
    var x = document.getElementById("icon").contentDocument;
    var y = x.querySelectorAll("path, circle");

    for(var i = 0; i < y.length; ++i) {
        y[i].classList.add("icon_stroke");
    }
}

.icon_stroke {
    stroke: red;
}

<object id="icon" data="<?php bloginfo('template_directory');?>/src/imgs/icons/balance_icon_light_circle.svg" type="image/svg+xml"></object>