Javascript 未捕获类型错误：document.querySelector（…）。单击不是自动流程上的函数

预期行为：我使用select元素的onchange事件将select元素的值添加到第三方API输入元素。将文本值添加到输入元素后，必须单击搜索按钮以完全自动化该过程

返回的行为：虽然文本值可以在输入中看到，但一旦获得焦点，就会清除文本。当文本可见且单击搜索按钮时，不会发生任何事情。当我将文本值手动添加到输入中，然后单击“搜索”时，效果很好。不太确定如何确保文本保留在输入中

我的选择和输入代码如下-

功能车辆_vin（）{
var use_vehicle_vin=document.getElementById（'get_vehicle_make'）；
使用车辆识别号=使用车辆识别号。选项[使用车辆识别号。选择的索引]。值；
var add_vehicle_vin=document.getElementById（'id-vin-frame-search'）；
添加车辆vin.value=使用车辆vin；
警报（添加车辆识别码值）；
//这很好，但请看我上面的笔记，当我把注意力放在输入上时，我的价值观消失了。。。
//我尝试过，根据各种搜索结果，在下面的QuerySelector中，没有运气在搜索按钮被点击。
//document.querySelector（'.CLOYw6ixbVCoWy9pu904a.\u 2dcnczqtjkrtwushyhef'）。单击（）；
//然后我更改为svg元素，返回了相同的错误。。。
var x_vin=document.querySelector（'._15YY4Hl-2b6wr1smId9ZlA'）。单击（）；
//我还试着做了一个setTimeout，也没有工作，然后添加了下面的内容，这个返回什么-。
if（x_vin和x_vin长度）{
警报（“全部为真，单击…”）；
setTimeout（（）=>{x_vin[0]。单击（）；}，750）；
警报（“点击”）；
}否则{
警报（“未点击”）；
}
}

选择已保存的车辆
起亚，运动版，2。高压共轨

querySelector

返回单个元素，以使用多个元素

querySelectorAll

当您试图访问单个元素和第一个元素时，可以使用

querySelector

因此

x_vin

将直接包含元素（而不是节点列表）

因此，您试图通过编程方式（从Javascript）单击元素，然后就有了

。click（）

函数

只需将

单击

功能包装到

超时

（例如，下面）

更新

嘿，我刚刚发现

svg

没有

click

功能（我想 每个元素都有）。解决方案是单击父元素 以编程方式，在您的情况下，单击

span

或

按钮

querySelector

返回单个元素，以使用多个元素

querySelectorAll

当您试图访问单个元素和第一个元素时，可以使用

querySelector

因此

x_vin

将直接包含元素（而不是节点列表）

因此，您试图通过编程方式（从Javascript）单击元素，然后就有了

。click（）

函数

只需将

单击

功能包装到

超时

（例如，下面）

更新

嘿，我刚刚发现

svg

没有

click

功能（我想 每个元素都有）。解决方案是单击父元素 以编程方式，在您的情况下，单击

span

或

按钮

---

没有click（）处理程序，请使用onclick（）注册您自己的处理程序行为ref:。我试图了解你期望click（）实际做什么？谢谢，这看起来像我一直在搜索的内容，将在这里实现和更新。很抱歉，我认为你的链接对我有用，而不是我正在寻找的，不幸的是，它涵盖了一个元素的事件，我希望通过Javascript单击一个元素。要回答您的问题，请单击搜索图标，然后第三方API根据上图从其数据库中搜索该车辆。听起来您想在跨度上触发单击事件，但这在您定义的跨度上没有意义，由于没有与之关联的单击事件处理程序-在您提供的内容中。。。。您可以触发事件ref:-但是您必须有一些东西来处理它们。你期望点击到底能做什么？@developer，你是个英雄，span真的做到了，我试着“编码点击”按钮和svg，但没有用。我尝试了span元素，它工作正常，会自动单击。我仍然停留在我的问题的第一部分-输入文本被复制，但不是“阅读”时，点击搜索，必须手动输入到输入。有什么想法吗？请记住，除了通过javascript与输入或span/button/svg交互之外，我无法控制它们。根据我上面的代码，输入是一个文本，id是正确的，请参见图2。没有click（）处理程序，请使用onclick（）注册您自己的处理程序行为ref:。我试图了解你期望click（）实际做什么？谢谢，这看起来像我一直在搜索的内容，将在这里实现和更新。很抱歉，我认为你的链接对我有用，而不是我正在寻找的，不幸的是，它涵盖了一个元素的事件，我希望通过Javascript单击一个元素。要回答您的问题，请单击搜索图标，然后第三方API根据上图从其数据库中搜索该车辆。听起来您想在跨度上触发单击事件，但这在您定义的跨度上没有意义，由于没有与之关联的单击事件处理程序-在您提供的内容中。。。。您可以触发事件ref:-但是您必须有一些东西来处理它们。你期望点击到底能做什么？@developer，你是个英雄，span真的做到了

setTimeout(() => {
 console.log(document.querySelector('._15YY4Hl-2b6wr1smId9ZlA'));
 document.querySelector('._15YY4Hl-2b6wr1smId9ZlA').click();
}, 1000) //1 second delay