因此，我正在将一个外部 URL 加载到一个 div，它工作正常，但我无法更改加载页面的样式。
我的代码是:
function load_home() {
var loadDoc = document.getElementById("content").innerHTML = '<object type="text/html" data="myurlwithsomeparameters"></object>';
}<body onload="load_home()">
<div class="card-body" id="content"></div>
</body>这段代码工作正常。页面加载到我的索引页面中，但我无法操纵输出的样式。这是我检查页面时看到的内容。
这是我“主”页面上的结果:
如您所见，它正在应用 <'pre>。如何覆盖加载页面的样式？
提前致谢。
最佳答案
如果 URL 不是同源的，则需要使用代理服务器。
假设 url 来自与页面相同的来源，在 jQuery 中你可以这样做
$("#content").load("myurlwithsomeparameters",function() {
$("#content").html($("#content").find("pre").html());
})
从数据周围移除 pre 标签
如果你只是想给pre标签添加样式，你可以这样做
$("#content").load("myurlwithsomeparameters",function() {
$("#content").html($("#content").find("pre").prop("style","").addClass("myOwnPreStyle");
})
关于javascript - 将外部 url 加载到 div 但无法更改加载页面的样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58751363/