js通过name直接访问目标文档对象

最新推荐文章于 2023-01-05 22:39:17 发布

原创最新推荐文章于 2023-01-05 22:39:17 发布 · 897 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #文档

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了HTML中特定元素如form、img等如何通过name属性进行访问。利用全局变量或document属性可以获取到指定name属性的元素，若存在多个相同name属性的元素则返回NodeList数组。

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

对于name属性来说，只有某些类型的html元素具有类似的方法，比如：
form,img,iframe,applet,embed,object等。在这些元素中可以通过全局变量或者document的属性来访问特定name属性的元素;如果相同name属性的有多个元素，则返回一个NodeList的类似只读数组的对象。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

</head>
<body>
<img name="div1" src="522.jpg"/>
</body>
<script>

    var div1=document.div1;
    alert(div1);
</script>
</html>