chrome extension获取生成的输入的值

Question

我正在创建一个Chrome扩展程序，可以访问页面的DOM并获取某些输入的值。 问题出在页面中，我想访问我得到的content_script中输入文本的值：

无法读取null的属性“ val”

因为，输入是从我无法修改的js文件动态生成的。

我在清单文件和内容脚本中放入了“：run_at”：“ document_end”，我等待页面完全加载

 window.addEventListener("load", function load(event){
    window.removeEventListener("load", load, false); //remove listener, no longer needed

     // $("input[name$='incident.state']").val();

    var element =$('#incident.state').val();
    alert(element);


},false);

Answer 1

由于您已经提到输入是动态生成的，因此在onload事件触发时它可能仍然不存在。 如果您不想使用诸如setTimeout来推迟检索元素，则可以使用MutationObserver对DOM中的更改做出反应，例如， 观察正在插入的输入 。