javascript - Iframe 输入未捕获 TypeError : Cannot set property 'value' of null

Question

我在 iframe 中有一个输入，我想在页面加载后将其放入预加载的值中。到目前为止我已经输入了这段代码:

<script>
    jQuery('iframe').load(function(){
             jQuery('iframe').contents().find('input#ysi_subject').bind('change',function(e)     {
            var title_name = "DO I LOOK LIKE I'M WORKING?";
            jQuery('input#ysi_subject').val(title_name);
         });
    });
</script>

但是当我查看控制台日志时，出现以下错误:未捕获的类型错误:无法将属性“值”设置为 null

谁能帮忙解释一下为什么它没有捕获输入？

Answer 1

这是因为您尝试在 DOM 元素实际加载之前访问 DOM，因此在这种情况下对 DOM 的任何引用都将输出 null。将代码放入 $(document).ready() 处理程序中以便使其正常工作:

... <!-- jQuery reference -->
<script>
    $(document).ready(function() {
        // your code that you are trying to run
    });
</script>

* 请注意，我将其简化以显示我真正在谈论的内容。