首先我们打开vs code编辑器，然后创建一个html页面。

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

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

代码写完之后在空白处点击右键，选择Open In Default Broswer，如下图

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

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

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

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

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

【1】使用id属性获取input的值：

document.getElementById(id名称).value；

【2】使用name属性获取input的值：

document.getElementsByName(name名称).value；

【3】使用class属性来获取input的值：

document.getElementsByClassName(class名称).value。