document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementsByName

最新推荐文章于 2024-03-11 17:59:48 发布

luweifeng1983

最新推荐文章于 2024-03-11 17:59:48 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript应用篇文章标签：文档 javascript button html

本文链接：https://blog.youkuaiyun.com/luweifeng1983/article/details/3551096

JavaScript应用篇专栏收录该内容

37 篇文章

订阅专栏

本文介绍了JavaScript中使用document.getElementById(id)和document.getElementsByName(name)方法来选取HTML文档中的元素。前者通过ID属性选择唯一元素，后者通过name属性选择可能多个的元素，并以数组形式返回。

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

使用document.getElementById(id)在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。
这里要注意的是document.getElementById(id)它返回一是一个元素。

该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有getElementsByName() 方法返回的是元素的数组，而不是一个元素。所以导致他们的访问方式有一定的不同
如在下面的代码中表明他们的访问方式：

<html>
<head>
<title>
document.all test
</title>
<script language="javascript">
function view()
{
    alert(document.getElementById("ccc").value);
    alert(document.getElementsByName("ccc")[0].value);
    //obj = document.getElementsByName("aaa");
    //alert(obj.value);
}
</script>
</head>
<body>
<form name="form1" id="f1">
<input type="text" name="ccc" id="aaa">
<input type="button" name="bbb" value="click" onclick="view();">
</form>
</body>
</html>