使用jQuery将CSS添加到iframe中,可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
var iframe = $('#myIframe');
var css = 'body { background-color: #f1f1f1; }';
var style = $('<style>').text(css);
iframe.contents().find('head').append(style);
完整的代码示例如下:
$(document).ready(function() {
var iframe = $('#myIframe');
var css = 'body { background-color: #f1f1f1; }';
var style = $('<style>').text(css);
iframe.contents().find('head').append(style);
});
这样就可以使用jQuery将CSS样式添加到指定的iframe中了。
关于jQuery和iframe的更多信息,你可以参考以下链接:
云+社区技术沙龙[第28期]
腾讯云存储专题直播
云原生正发声
云+社区技术沙龙[第27期]
云+社区技术沙龙[第7期]
北极星训练营
云+社区技术沙龙[第17期]
Elastic 中国开发者大会
Techo Day
领取专属 10元无门槛券
手把手带您无忧上云