如何使用 Javascript 获取网站上按钮的输入

Text: <input type="text" name="text" value="" id="input1"/>

<input type="submit" onclick=getinput>

      <script>
        function getinput(){
          const val = document.querySelector('input1').value;
          console.log(val);
          console.log("No error in function implement.");
        }
      </script>

VM195:3 Uncaught TypeError: Cannot read properties of null (reading 'value')
    at <anonymous>:3:45

function getinput(){
    const val = document.querySelector('#input1').value;
    console.log(val);
    console.log("No error in function implement.");
}

<input type="text" name="text" value="" id="input1"/>

<input type="submit" onclick="getinput()">

Javascript相关问答推荐

Cookie中未保存会话数据

在这种情况下，如何 for each 元素添加id？

在grafana情节，避免冲突的情节和传说

阿波罗返回的数据错误，但在网络判断器中是正确的

简单的PayPal按钮集成导致404错误

实现JS代码更改CSS元素

如何使onPaste事件与可拖动的HTML元素一起工作？

从Nextjs中的 Select 项收集值，但当单击以处理时，未发生任何情况

Google脚本数组映射函数横向输出

更改agGRID/Reaction中的单元格格式

如何在Jest中模拟函数

如果我的列有条件，我如何呈现图标？

通过解构/功能组件接收props-prop验证中缺少错误"

在Press Reaction本机和EXPO av上播放单个文件

输入数据覆盖JSON文件

material UI自动完成全宽

使用VITE开发服务器处理错误

观察子组件中的@Output事件emits 器？

在ReactJS上挂载组件时获得多个身份验证请求

如何在不获取其子元素的文本内容的情况下获取元素的文本内容？