使用 querySelector 选择表单

问题描述

我想使用查询选择器筛选一个表单，但它说它获取的值为空，所以它没有找到我的表单

<!DOCTYPE html>
<html>
<head>
    <title>This is the title</title>

    <!-- <link rel="stylesheet" href="CSS.css"> -->
    <script src="JS.js"></script>
    
</head>
<body>
    <h1 >Movie search</h1>
    <form id="searchForm">
        <input type="text" name="query">
        <button>Search</button>
    </form>



</body>

</html>

JS代码

const form=document.querySelector('#searchForm');
console.log(form);
form.addEventListener("submit",function(e){

e.preventDefault();
console.log("Submitted...");

})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript jquery-selectors