html中id和name元素如何获取

来源：互联网 2023-03-16 19:12:11 版权归原作者所有，如有侵权，请联系我们

在html里，怎么通过id或name来获取元素？其实很简单的，通过javascript就可以很容易获取到了，下面我们来看一下。

方法/步骤

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

html中id和name元素如何获取

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

html中id和name元素如何获取

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

html中id和name元素如何获取

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

html中id和name元素如何获取

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

html中id和name元素如何获取

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

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

html中id和name元素如何获取

6本页面未经许可获取自百度经验

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

html中id和name元素如何获取

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

html中id和name元素如何获取

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！