getElementById与getElementsByTagName的区别

最新推荐文章于 2021-04-01 22:24:03 发布

weixin_38405133

最新推荐文章于 2021-04-01 22:24:03 发布

阅读量973

点赞数 2

分类专栏：原生javascript

本文链接：https://blog.csdn.net/weixin_38405133/article/details/77686806

版权

原生javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<body>
       <form id="myForm">
            用户名：<input type="text" id="myName" name="input1" οnblur="checkName()" />
            <span id="myDiv"> </span><br />
            密　码：<input type="text" id="myPwd" name="input2"/><br />
            <input type="button" value=" 提交" name="submitButton" disabled/>
       </form>
</body>

在上述代码中分别通过getElementById与getElementsByTagName取得类型为text的input节点

            var myName=document.getElementById("myName");
            var input1=document.getElementsByTagName("input");

如果想取得类型为text的input节点的属性value值，会得到如下结果：

            console.log(myName.value);//LHY 
            console.log(input1.value);//undefined

通过getElementById获取的是目标节点，而通过getElementsByTagName获取的是节点数组。要想获取目标节点需要进行如下修改

            console.log(input1[0].value);//LHY

其次getElementsByTagName与getElementsByTagName用法相同。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_38405133

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
getElementById与getElementsByTagName的区别

getElementById与getElementsByTagName的区别
复制链接

扫一扫

专栏目录

getElementById和getElemetsByTagName的区别

Yidoon的博客

01-23

1534

1.getElementById传入标签的id来获取对象返回的一个具体的对象，getElementsByTagName通过传入标签名获取对象数组，返回的是一个对象集合。 2.getElementById是静态方法前面只能跟document，而getElementsByTagName是动态方法前面可以跟其他元素（例子如下） html lang="en"> head> meta char

getElementById 与 getElementsByTagName的区别【Javascript】

Code loading

01-30

223

在javascript中，操作HTML DOM时，需要经常用到getElementById 与 getElementsByTagName两个函数，下面记录一下这两个函数的具体区别所在： getElementById(idName)函数：根据提供的idName获取页面中的对象。得到的结果是单一的对象。比如： document.getElementById('left') ----- 获取ID...

参与评论您还未登录，请先登录后发表或查看评论

getElementById和getElementByTagName的区别

qq_37493515的博客

05-01

1315

在原生js中获取元素的方法有很多，那么今天就重点说一下getElementById和getElementByTagName的区别： 1、getElementById前面必须是document；而getElementByTagName前面除了是document也可以是其他的元素；先来看一下简单的html代码 <ul> <li></li> <l...

getElementById()、getElementsByName、getElementsByTagName区别

大蘑菇

01-16

153

[code="js"] 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。比如说有一个DIV的ID为docid：那么就可以用getElementById("docid")来获得这个元素。 getElementsByName() 这个是通过NAME来获...

document.getElementById()和document.getElementsByName()的使用区别

qq_39429962的博客

10-11

1429

我们在对某一元素进行操作时总是要先获取其在文档中的结点，然后对该节点进行操作，这时我们可以通过id和name去获取节点方式一：document.getElementById(); <html> <head> <title>Test</title> </head> <body> ...

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

09-06

在上述示例中，IE的`getElementById()` 行为与标准不符，它似乎首先检查`name`属性，然后才检查`id`。这导致在某些情况下，`getElementById('elementId')`可能会返回具有相同`name`而非`id`的元素。相反，Firefox和...

document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

09-06

本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合，它包含了HTML文档中所有的元素，...

javascript getElementsByTagName

10-28

尽管 `getElementById` 方法通常用于获取单个特定元素，但如果需要处理一组具有相同标签名的元素，`getElementsByTagName` 就显得更有优势。需要注意的是，由于 `getElementsByTagName` 返回的是动态集合，即使在...

js getElementsByTagName的简写方式

10-29

var spans = tag('span', document.getElementById('myDiv')); ``` 简写函数的优点在于它提供了一种更紧凑的语法，使得代码更加简洁。然而，需要注意的是，虽然它简化了调用，但并不会改变`getElementsByTagName`的...

getElementById() ， getElementsByName() 和 getElementsByTagName()的区别

醉过方知酒浓

02-28

2033

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。 1）不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可

getElementById和getElementByTagName

面朝大海，春暖花开

02-09

1031

先通过getElementById获取某元素，然后通过getElementByTagName获取该元素内的标签。

js中的API接口---getElementById、getElementByTagName

一个半路出家的人

09-10

4413

getElementById、和getElementByTage 是DOM对象中的两个方法. 通过document.getElementById()调用方法,通过页面中的元素的id,找到元素,并见元素对象化,并返回该该对象.然后可以对对象进行操作. var btnObj = document.getElementById("btn"); btnObj.onclick = funct...

getElementById和getElementsByTagName的区别

weixin_30631587的博客

03-17

246

getElementById和getElementsByTagName归纳起来有五大区别： 1、getElementById获取的是单个元素对象，getElementsByTagName获取多个元素，是元素的集合，注意：不是数组。 2、对象不同，getElementById只能是document对象，而getElementsByTagName可以是任意对象。 3、getElementsByT...

getElementById、getElementByName和getElementByTagName

netzmj的专栏

11-17

3094

document.getElementById是一个document对象的方法，可以通过它来获得指定id的html元素。例如在页面里表单元素你可以给它设置id值，或name值来区别同种类型的不同元素，当你设置id document.getElementById("id")来得到这个元素，从而通过document.getElementById("id").value 得到元素的值。类似的方

getElementById()，getElementsByName()，getElementsByTagName的用法和区别

mylove20041109的专栏

10-22

425

1、定义： getElementById(id)，以id标识符取得对象，是一个对象; getElementsByName(name)，以name取得节点清单，是一个数组集合; getElementsByTagName(tagname)，返回带有指定标签名的对象的集合. 2、一个文件中id是唯一的，但是name可以重名(比如radio)，所...

getElementByID()、getElementsByName()、getElementsByTagName()的用法和区别

qq_39595615的博客

10-15

540

Web标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问Documnent中的任一个标签： 1 getElementById(“ID”) getElementById()可以访问Documnent中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。比如说有一个DIV的I...

使用getElementsByTagName()和namedItem()获取特定元素

个人前端记录

06-06

5523

getElementsByTagName接受一个参数，即要取得元素的标签名，返回值是包含零个或多个元素的NodeLIst。注意：getElementsByTagName接受的标签名不区分大小写，除XML，XHTML之外 1.基本使用假设HTML如下： &amp;lt;img src=&quot;a.png&quot; name=&quot;img&quot;/&amp;gt; &amp

getElementsByName、getElementById的简单用法

qq_46342449的博客

04-01

906

getElementsByName、getElementById的简单用法直接上代码吧，感觉好久没用csdn都快忘记自己还有这玩意了。下面展示一些内联代码片。 getElementByName： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交