更改元素中的iframe内容

时间:2012-06-24 08:42:10

标签: jquery iframe

$(document).ready(function () {
    $('#keywordframe').contents().find("#step12").html('');
    $('#keywordframe').contents().find("#step12").html('11');
    $('#keywordframe').contents().find("#step13").html('');
    $('#keywordframe').contents().find("#step13").html('12');
    $('#keywordframe').contents().find("#step14").html('');
    $('#keywordframe').contents().find("#step14").html('13');
    $('#keywordframe').contents().find("#step15").html('');
    $('#keywordframe').contents().find("#step15").html('14');
});

我尝试使用上面的代码来更改iframe中的内容,但它无效。除非我将alert('');置于$('#keywordframe').contents().find("#step12").html('');

之上

如果只是生效。这是什么原因,任何人都可以提供帮助?

1 个答案:

答案 0 :(得分:0)

可能只是需要等待iframe加载。

由于这是我此时唯一能想到的,试试这个:

$(document).ready(function () {
    $('#keywordframe').load(function() {
        $('#keywordframe').contents().find("#step12").html('');
        $('#keywordframe').contents().find("#step12").html('11');
        $('#keywordframe').contents().find("#step13").html('');
        $('#keywordframe').contents().find("#step13").html('12');
        $('#keywordframe').contents().find("#step14").html('');
        $('#keywordframe').contents().find("#step14").html('13');
        $('#keywordframe').contents().find("#step15").html('');
        $('#keywordframe').contents().find("#step15").html('14');
    });
});

是否会解决您的问题我不知道,但值得一试。