javascript - 如何更改放置在 iframe 中的 div 的更改宽度

Question

我有一个 div 放在我尝试使用 jquery 的 iframe 中

$('#navframe').contents().find('.FtrMapSctn').css("width","30%")

但这失败了，任何人都可以帮助我吗

Answer 1

你的语法是正确的。

但是，如果 Iframe属于与您的 相同的域，则该行可以正常工作page，否则出于安全原因浏览器不会允许它。

如果同一个域，写一个回调加载事件并在那里做你的工作。

window.onload = function() {
    parent.invokeMyJob();
}

和

function invokeMyJob() {
    $(this).contents().find('.FtrMapSctn').css("width","30%");
}

Answer 2

如果这都在同一个域中，您可能需要等待 iFrame 加载：

$("#navframe").load(function() {
    $(this).contents().find('.FtrMapSctn').css("width","30%");
});