getElementsByTagName()方法，JavaScript进阶篇教程-慕课网

getElementsByTagName()方法

返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

语法:

document.getElementsByTagName(Tagname)

说明:

1. Tagname是标签的名称，如p、a、img等标签名。

2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。

看看下面代码，通过getElementsByTagName()获取节点。

任务

试一试，使用三种获取节点的方法，完成下面的任务:

在第73行补充代码，通过ID获取标题H1。

在第78行补充代码，通过name获取值为sex的元素。

在第84行补充代码，通过标签名获取input元素。

?不会了怎么办: 1. var myH=document.getElementById("myHead");

2. var myS=document.getElementsByName("sex");

3. var myI = document.getElementsByTagName("input");

问答
评论
笔记
资料下载
代码

全部精华我要发布

height=50%是啥作用来着？

已采纳回答 / qq_慕九州6342324

这个table元素的高度为父元素的50%。至于改了没用是因为父元素没给高度你去给父元素个高度就能看出来了

1 回答 719 浏览

2022-04-20

input标签的节点为8？？？

最新回答 / _涅音_

因为它是获取页面中所有的input标签，而不仅仅是表单中的，所以应该还包含下面两个，所以是8个<...图片...>

3 回答 945 浏览

2022-04-27

为啥用不了onblur事件？？？？失去焦点没有变化

最新回答 / qq_慕移动6125882

你改加一行吧，因为你只是进行了赋值操作。alert(a.innerHTML);而且你获取ID，你第三行写错了，把getElementsById改成getElementById

2 回答 805 浏览

2022-04-29

为什么显示正确了但是没显示

最新回答 / 慕码人9569303

你把a,b,c分别改成myH,myS,myl就对了，这个是要一一对应的哦，望采纳！

2 回答 867 浏览

2020-04-12

为什么getElementsByName获取的数据无法写出来？例题却能写出获取的TagName()里的数据

已采纳回答 / 阳火锅

input这个标签没有innerHTML 你应该写value

1 回答 1064 浏览

2019-08-29

看看三种获取节点的方法?

最新回答 / 慕哥9524310

var myH= document.getElementById("myHead");

1 回答 1108 浏览

2019-07-14

var list=document.getElementsByTagName("li"); 问题此时的list数组是啥情况，为什么下面不能直接通过list[0]直接打印苹果

最新回答 / 我爱孙佳怡

这涉及到编码的问题，你不用innerHTML，get得到字符就显示不出来，建议回头给JS入门篇的3-3再看下

2 回答 913 浏览

2019-05-31

document.write(myS[i]+</br>),该代码可以写，为什么没有输出呢？

已采纳回答 / 随心183

</br>要加引号

3 回答 822 浏览

2020-02-02

这个代码为什么没有输出数组？

最新回答 / 慕的地6574030

for(var i=0;i<myI.length;i+)里面的i+是不是应该改成i++
 document.write(myI[i]+</br>) ;这个应该是<br/>吧，而且要加英文引号""
 你试试，我只看出来这些，还是不行的话我也不晓得了，才学。。

2 回答 931 浏览

2020-02-18

为什么长度是0，并且document.write(list[0].innerHTML)没有输出？

已采纳回答 / 小笑笑白

程序是顺序执行的，执行你的JS代码时还没有加载body中的ul和li,所有获取不到元素。解决方案有两个：1、讲script代码段移到</ul>之后的任何位置2、将script代码改造，添加onload事件，像这样：window.onload=function(){ //这里写你的代码。}

1 回答 1168 浏览

2019-05-07

这样写出来后，input那个弹出来的数值是 8，我怎么数也没有8个input, 是怎么回事？

最赞回答 / Micheal_Gao

<...图片...>这样你应该很清楚了

3 回答 1318 浏览

2018-12-17

为什么H1大标题无法点击？

最赞回答 / 慕沐7046349

Id是myHead.H是大写的。

3 回答 1164 浏览

2019-11-05

标题点不来啊

最新回答 / jalone

document.getElementById("myHead" );

4 回答 685 浏览

2019-05-23

点击标题为什么显示的是文字？

已采纳回答 / SHFa

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。H1标签上有onclick 所以是可以点击。点击之后调用getValue()函数，而这个函数中有:alert(myH.innerHTML);而这个作用是:innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

2 回答 1095 浏览

2018-12-13

validate() 你们有出现这个函数没有定义而报错的情况吗

最新回答 / SHFa

没有,就是因为没有定义,所以不会实现出来。

1 回答 1814 浏览

2018-08-08

全部我要发布

最热最新

只看我的

第九章编程练习(参考代码) 立即下载

9-3 getElementsByTagName()方法