根据id获取元素的原生JS方法

1、第一步在我们的电脑上打开软件，新建一个html页面，如下图所示：

2、第二步在html页面创建一个id为xx，值为666的文本框，通过var v=document.getElementById('xx媪青怍牙').value;原生js方法来获取文本框的值，如下图所示：

3、第三步我们可以在script中加上alert(v);，来弹框查看原生js方法是否根据id获取元素的值了，如下图所示：

4、第四步我们在浏览器中运行项目，可以看到页面弹框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素，如下图所示：

5、第五步这里我们也可以看一下通过jquery方法来根据id获取元素，jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val();来获取元素的值，如下图所示：

6、第六步我们运行项目，在浏览器中可以看到与原生js方法获得元素的值相同，对比一下两种方法，原生js不需要添加另外的js库，而jquery需要，但是代码会更简单一些，根据需要进行选择，如下图所示：