1、首先在html里,我们创建二个input元素,一个有id属性,一个有name属性。然后再添加一个button按钮来触发获取事件。
2、在javascript脚本里,我们直接使用js内置的函数document.getElementById就可以了,参数就是我们要获取元素的id。
3、得到这个元素后,我们就可以获取这些元素的一些值了,比如value值,通过alert来弹出验证一下。
4、运行页面,点击页面上的按钮,
5、点击后,就可以得到结果,弹出了这个id元素的value值了。
6、同样,要通过name来获取侍厚治越元素,我们可以使用getElementsByName这个函数。但通过这个函数获取到的元素,不能直接取他的值,不然是取不到的。
7、为什么这样?因为一个html文档里,是可以有多个相同name属性的元素的,所以通过这个函数得到的是一个数组,我们要获取某个元素的值,可以通夸臾蓠鬏过数组下标来获取,如果整个文档只有一个name的元素,就用下标0来获取就行了。
8、刷新页面,点击按钮,就可以看到获取到正确的值了。