JS不会更改iframe样式

Question

我正在尝试创建一个系统，当单击HTML中的按钮时，它会同时更改SRC和iframe中文档的样式。 问题是一切都工作正常：我没有任何跨域问题。但是浏览器不会更改iframe内容的样式。 有脚本代码：

function change_css(){
   var change_src = new Promise(function(resolve, reject){              
    document.getElementById("first").src="document_2.html";
    resolve();
});
change_src.then(
    function(){
        setTimeout(function(){console.log("done");}, 3000);
        var style = document.getElementById("first");
        style.contentWindow.document.getElementById("test").setAttribute("href", "css_2.css");
    })
}

我答应先更改iframe SRC，然后再更改iframe内容的样式。问题在于样式实际上不会改变。

这是iframe文档中的HTML代码：

<link rel="stylesheet" id="test" type="text/css" href="css_1.css">

我不明白为什么，即使控制台中没有任何跨域问题，iframe内的CSS也没有更改。