getElementById,getElementsByName,getElementsByTagName简单理解

最新推荐文章于 2018-10-11 22:14:42 发布
最新推荐文章于 2018-10-11 22:14:42 发布
阅读量344 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript入门 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Raindropsyy/article/details/50964049
本文详细介绍了如何使用getElementById(), getElementsByName(), 和getElementsByTagName()等方法来获取HTML元素，并提供了具体的使用案例。

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

getElementById ()是document对象的一个方法，用来获得指定ID的HTML元素 返回结果是唯一的。

例：<input type="text" id="name"/>   通过getElementById("name").value来取值.

getElementsByName("test")返回的是一组name属性为test的对象，也可理解集合，取值时要加入下标。

例：document.getElementsByName("test")[0].value

getElementsByTagName()返回的是有指定标签名的对象的集合。

例：document.getElementsByTagName("input")




JS中 getElementById /Name /TagName 的应用
denuvead之.NET学习之旅
04-18 1841
getElementById:语法： document.getElementById(id)参数： id :必选项为字符串(String)返回值：对象; 返回相同id对象中的第一个,如果无符合条件的对象，则返回 nullexample：document.getElementById("id1").value;getElementsByName:语法： document.getElementsB
JavaScript中getElementById()方法和getElementByName()方法
Mint___的博客
04-08 1万+
getElementById() 作用：根据指定的ID值获取对象，如果无符合条件的对象，则返回 null用法：var 变量名= document . getElementsById( 'id名')getElementByName()作用：返回带有指定名称的对象的集合用法：var 变量名= document . getElementsByName( 'name名')区别：getElementByNa...
getElementById和getElementByName的区别
Alex的专栏
11-11 3338
使用document.getElementById的时候，会根据html元素的id属性，根据规范id应当是唯一的，用来标示一个element，比如, ......。所以返回唯一元素句柄或者null。对于表单控件等，在不指定id的时候，name也会被视作id，比如也可以用document.getElementById("abc")来获     而document.getElementByName
document.getElementById/Name/TagName区别
ydqs_long的博客
08-17 730
参考：http://blog.youkuaiyun.com/djf_1985/article/details/3548004 http://blog.youkuaiyun.com/binzai325/article/details/6777516 http://zhidao.baidu.com/question/199450007.html http://kaixin322.i.sohu.com/blog/vi...
document.getElementById/Name/TagName返回值的小区别
qq_27346075的博客
04-23 1798
document.getElementById/Name/TagName这三个可以取得元素，分别通过查询id、name和标签名。但他们的返回值是有区别的。下面来看个简单的例子： &lt;div id="myDiv" name="sb" class="bd" title="Body text" lang="en" dir="ltr" my_special_attribu
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
在HTML文档对象模型（DOM）中，有三种主要方法用于查找HTML元素：`document.all`，`getElementById()`，`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景，理解它们的区别对于编写...
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页
09-06
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合，它包含了HTML文档中所有的元素，...
Document对象的三大DOM基础方法详解：getElementById, getElementsByName, getElementsByTagName
本文将介绍Document对象的三个常用方法：getElementById(), getElementsByTagName(), 和 getElementsByClassName()，它们在处理页面元素时具有重要作用。 1. **getElementById(id)**: 这是DOM的基本功能之一，允许...
document.getElementById/Name/TagName
热门推荐
binzai325的专栏
09-15 3万+
document.getElementById   1、getElementById 作用：一般页面里ID是唯一的，用于准备定位一个元素 语法： document.getElementById(id) 参数：id :必选项为字符串(String) 返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null exampl
IE6 getElementById读到name的值了
weixin_33797791的博客
04-28 124
  script type="text/javascript"&gt; function ss() { alert(document.getElementById("Q").value); } &lt;/script&gt; &lt;input type="text" name="q" value="name" /&gt; &lt;inp
javascript getElementByID,getElementsByName,getElementsByTagName的区别
景上 的博客
06-30 7298
getElementByID,getElementsByName,getElementsByTagName区别注意：方法区分大小写！以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。 ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。 Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集
document.getElementById()和document.getElementsByName()的使用区别
qq_39429962的博客
10-11 1478
我们在对某一元素进行操作时总是要先获取其在文档中的结点，然后对该节点进行操作，这时我们可以通过id和name去获取节点 方式一：document.getElementById(); &lt;html&gt; &lt;head&gt; &lt;title&gt;Test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; ...
JavaScript 的三种getElementByID、ByName、ByTagName方法区别
ifuboy
10-09 2498
区别getElementByID,getElementsByName,getElementsByTagName ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。 Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。 TagName可看似某类，getElementsByTagName获取相同类的人...
document.getElementById(), getElementsByname(),getElementsByClassName()区别
Roninwz的博客
09-27 4867
[html] view plain copy form>       input class="user" type="" name="user" value="hi"/>       input class="user" type="" name="user" value="hi"/>   form>   [javascr
getElementById和getElemensByName的区别
周二也被占用
10-21 1464
今天下午因为这两个元素的取值出了点小问题 大多数情况下是使用getElementById('').value来获取相应元素的值的。 但是我用struts2时，每个页面的id是不一样的，因此在读取提交表单的元素时，使用getElementByName更好一点 细心点的话就会发现上面的一个方法写错了，应该是getElementsByName,因为name不是唯一的，因此是elements 同时
javascript使用getElementById会抓到name的问题
只要开心就好
06-15 2237
      今天一个朋友问一个问题。      页面的html代码为：                  他想获取select的值，所以他写了以下代码。      document.getElementById("datatime");但是很神奇的是，他还获取到了hidden input的值。      我们很想不通原因，后来他在网上查了一些资料之后发现也有其它人碰到过类似
document.getElementsByName()与 document.getElementById()、 document.documentElement.getElementsByTagName的区别
djf_1985的专栏
12-18 2703
document.getElementsByName()       是根据控件名称（name属性）获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组； document.getElementById()               是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象； document.documentElement.getElementsByTagNa
Matlab中基于蚁群算法的二维路径规划：实现无碰撞智能寻路 · 智能寻路
08-14
内容概要：本文介绍了在Matlab中利用蚁群算法实现的二维路径规划方法。首先简述了路径规划的重要性和应用场景，特别是对于存在大量障碍物的复杂环境。接着详细解释了蚁群算法的基本原理，即模仿蚂蚁觅食过程中信息素传递机制，在二维空间中通过网格化表示可行区域，设置起始点、终止点和障碍物位置。然后阐述了算法的具体流程，包括初始化、信息素初始化、蚂蚁寻路、信息素更新和迭代优化五个主要步骤。最后展示了部分Matlab代码片段，用于演示算法的实现细节及其可操作性。该算法能有效解决机器人导航、无人驾驶等领域的路径规划问题。 适合人群：对路径规划算法感兴趣的研究人员和技术开发者，尤其是那些希望深入了解蚁群算法及其在Matlab环境下应用的人士。 使用场景及目标：适用于需要在二维平面内避开障碍物进行高效路径搜索的应用场合，如机器人自主行走、无人机飞行路线规划、自动化仓库货物搬运等。目标是提供一种可靠的解决方案，确保系统能在复杂环境中安全稳定地运行。 其他说明：文中提供的代码仅为框架示意，实际部署时还需针对特定任务做进一步调整和完善。
基于量化感知训练的 LLM 模型轻量化部署框架 代码
最新发布
08-14
基于量化感知训练的 LLM 模型轻量化 ## 轻量化部署框架框架实现了量化感知训练 (QAT) 和模型轻量化部署的核心功能，支持将大型语言模型压缩后高效部署。框架包含量化感知训练模块、模型压缩工具和轻量级推理引擎。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值