多语言展示
当前在线:1488今日阅读:60今日分享:41

html中id和name元素如何获取

在html里,怎么通过id或name来获取元素?其实很简单的,通过javascript就可以很容易获取到了,下面我们来看一下。
方法/步骤
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

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

推荐信息