微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用 querySelector 选择表单

如何解决使用 querySelector 选择表单

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

HTML 代码

<!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 举报,一经查实,本站将立刻删除。