js怎么获取input标签的值

如果只是单独的写html，没有用js的话，相当于没有了灵魂，要不然怎么会又html，css，javascript前端的三剑客之说呢，所以还是要用到js的，由于现在的前端时代发展的太快了，不会点js，真的是很难找到工作啦啦啦。

废话就不多啰嗦了，那么我们来看下怎么使用js来获取html中的input标签的值呢？

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js怎么获取input标签的值</title>
</head>
 
<body>
    <input type="text" id="input">
    <script>
      let inputEle=document.getElementById('input');
      console.log(inputEle.value);
    </script>
</body>
 
</html>

在上面案例中，最关键的是【document.getElementById】 是这个方法，用来获取对应元素，然后再获取之后就可以拿到对应元素上面的一些属性值了，也就是【value】。

posted @   zhuibo6  阅读(3421)  评论(0)  编辑  收藏  举报
相关博文：
·  使用JavaScript对HTML实体字符进行转义与反转义处理
·  关于JavaScript中的document.URL和windows.location.href有什么区别？
·  jquery获取input输入框中的值
·  html中id和name元素如何获取/jquery如何通过id获得input的value值
·  使用jQuery获取相关的标签值
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手