1、首先我们打开vs code编辑器,然后创建一个html页面。
2、创建一个input的标签,添加一个id,命名为“txt”,值为“你好”。
3、添加script标签,然后写入相关的js代码,如下图
4、代码写完之后在空白处点击右键,选择Open In Default Broswer,如下图
5、可以看到,浏览器自动弹出了input里面的值,这证明我们通过id属性已经成功获取到了input的值。
6、我们用第二种方式,使用class来获取input的值,如下图
7、点击右键在浏览器中查看,发现使用class属性也可以正常获取到input的值。
8、这次我们使用第三种方式,使用name属性来获取input的值,如下图
9、可以看到,我们通过name属性,同样也获取到了input的值。