html中id和name的异同

子燕若水

于 2021-12-02 18:48:16 发布

阅读量173

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html 前端

本文链接：https://blog.csdn.net/u010087338/article/details/121683760

前端专栏收录该内容

58 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript的getElementsByName方法来查找文档中具有指定name属性的元素。通过示例代码展示了如何获取并显示第一个带有'fname'名称的输入元素的标签名。这涉及到HTMLCollection对象的使用，以及通过索引访问集合中的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解释:

API:

The getElementsByName() method returns a collection of all elements in the document with the specified name (the value of the name attribute), as an HTMLCollection object.

The HTMLCollection object represents a collection of nodes. The nodes can be accessed by index numbers. The index starts at 0.

Tip: You can use the length property of the HTMLCollection object to determine the number of elements with the specified name, then you can loop through all elements and extract the info you want.

<!DOCTYPE html>
<html>
<body>

First Name: <input name="fname" type="text" value="Michael"><br>
First Name: <input name="fname" type="text" value="Doug">

<p>Click the button to get the tag name of the first element in the document that has a name attribute with the value "fname".</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementsByName("fname")[0].tagName;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>