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 @ 2022-02-26 11:48  zhuibo6  阅读(3356)  评论(0编辑  收藏  举报