首先在html里，我们创建二个input元素，一个有id属性，一个有name属性。然后再添加一个button按钮来触发获取事件。

在javascript脚本里，我们直接使用js内置的函数document.getElementById就可以了，参数就是我们要获取元素的id。

得到这个元素后，我们就可以获取这些元素的一些值了，比如value值，通过alert来弹出验证一下。

运行页面，点击页面上的按钮，

点击后，就可以得到结果，弹出了这个id元素的value值了。

同样，要通过name来获取元素，我们可以使用getElementsByName这个函数。

但通过这个函数获取到的元素，不能直接取他的值，不然是取不到的。

为什么这样？因为一个html文档里，是可以有多个相同name属性的元素的，所以通过这个函数得到的是一个数组，我们要获取某个元素的值，可以通过数组下标来获取，如果整个文档只有一个name的元素，就用下标0来获取就行了。

刷新页面，点击按钮，就可以看到获取到正确的值了。