访问DOM完成后将加载ajax的元素

时间:2017-11-21 23:13:43

标签: javascript jquery html safari safari-extension

我尝试使用Safari扩展程序修改网页。 我将jquery作为StartScript插入,将我自己的脚本作为End-Script插入。 我的结尾脚本看起来像:

    $(function() {
        console.log(getElementById('id-of-the-element'));
        console.log($('#id-of-the-element'));
        console.log(document);
    });

输出如下: console.log - screenshot

第一个日志是完全空的, 第二个是空的jQuery-Object,但第三个是完整的html文档,即使是id选中的元素都在文档内部。

文档内部没有我需要的元素,因为我认为在DOM完成后它们将被加载ajax。 有没有办法等到页面的所有ajax调用完成? 就像一个等待DOM的函数!整个ajax-stuff?

@Jayant Varshney:提示

1 个答案:

答案 0 :(得分:0)

应该是,确保你的id存在于html中。

$(function() {
    console.log(document.getElementById('id-of-the-element'));
    console.log($('#id-of-the-element').html()) //if you want to see the content ;
    console.log(document); //this prints the document which is correct.
});