js怎么获取input的值

 时间:2024-10-21 20:27:44

很多初学js的朋友对于使用js来获取input的值不是很清楚,下面来为大家介绍一下具体的操作步骤。

js怎么获取input的值

工具/原料

编辑器:vscode

电脑:组装电脑

方法/步骤

1、首先我们打开vscode编辑器,然后创建一个html页面。

js怎么获取input的值

2、创建一个input的标签,添加一个id,命名为“txt”,值为“你好”。

js怎么获取input的值

3、添加script标签,然后写入相关的js代码,如下图

js怎么获取input的值

4、代码写完之后在空白处点击右键,选择OpenInDefaultBroswer,如下图

js怎么获取input的值

5、可以看到,浏览器自动弹出了input里面的值,这证明我们通过id属性已经成功获取到了input的值。

js怎么获取input的值

6、我们用第二种方式,使用class来获取input的值,如下图

js怎么获取input的值

7、点击右键在浏览器中查看,发现使用class属性也可以正常获取到input的值。

js怎么获取input的值

8、这次我们使用第三种方式,使用name属性来获取input的值,如下图

js怎么获取input的值

9、可以看到,我们通过name属性,同样也获取到了input的值。

js怎么获取input的值

jquery获取对象属性值的方法? jquery实现鼠标移到文字上时改变文字内容 HTML之下拉框 vscode运行html网页出不来 Javascript怎么设置背景颜色
热门搜索
舞蹈图片唯美 小装饰图片 人与自然水乡篇图片 关于雷锋的手抄报图片 教室门图片