将外部网址加载到div，但无法更改已加载页面的样式

bble

因此，我正在将外部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>之前。如何覆盖已加载页面的样式？

提前致谢。

mplungjan

如果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");
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。