为什么 document.getElementsByTagName(‘‘)对innerHTML不起作用

最新推荐文章于 2022-12-03 11:02:35 发布
最新推荐文章于 2022-12-03 11:02:35 发布
阅读量952 收藏
点赞数 2
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45852515/article/details/124076362
版权

 

为什么不改变呢？

因为section = document.getElementsByTagName('section');返回的是一个对象，对象里面包含许多元素，所有我们需要明确是哪一个元素需要改变

这样就会改变了，就算只有一个section标签，获取过来还是需要给定索引

或者使用var section = document.getElementById('section');来获取id属性为section的元素，这样就可以直接  section.innerHTML = '改变了';因为id属性是唯一的，只会获取过来一个，同理可以使用section = document.querySelector('section'); 也是只会获取第一个section标签元素。

人们小菜鸡
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
<script>document.getElementsByTagName('html').item(0).innerHTML="PHP策进会（PEA深圳）";</script>MySQL数据库备份/恢复工具V1.0.0
05-13
MySQL数据库备份/恢复工具V1.0.0 我找了一些代码改进的.单个文件实现服务器备份,下载到本机,分卷备份等.
document.getElementsByTagName()方法的返回值
xyjikl
12-12 1万+
document.getelementsbytagname()方法的返回值 /* document.getelementsbytagname()方法的返回值中取出某个特定的元素。一开始以为它的返回值是一个数组，结果，大错特错。它返回的是一个 dom 对象，可以遍历，有 length 属性，但不是数组。 证据在这里： html code     window.onload = functi
WebApi基础概念（DOM文档对象模型、getElementById、getElementByTagName、注册事件）--1
qq_48033003的博客
07-18 550
WebApi基础概念 WebApi简介 什么是webApi WebApi是JS提供的一套操作页面和浏览器的一套方法。 Web：网页 api：应用程序接口（输入输出=>参数和返回值 类似于push） 为什么学习webApi 之前学习JS都是学习语法，没有使用JS做出真正好看的效果 学了webApi之后 =>可以操作网页上的html和css（轮播图，下拉菜单等等用户的交互效果） webApi的组成 DOM和BOM DOM =>Document Object Model 操作页面的一套工具 BO
javascript DOM操作
资料...
03-04 706
1.document.getElementByName(); 根据标签元素内的属性name来获取标签的信息 例如 alert(document.getElementByName("username")[0].value) 2.document.getElementsByTagName() 根据标签名来获取标签元素的信息 div1 div2 document.getEle
关于document.getElementById("xxx").innerHTML赋值错误问题
lchyz89的专栏
10-09 8105
有时document.getElementById("xxx").innerHTML赋值时可能出错 可以用jquery等效赋值 $("#xxx").html('XXXX'); //这个是赋值 $("#xxx").html(); //这个是获取 可以解决出错问题 可能是innerHTML赋值时有些字符不识别
document.getElementsByTagName
sinat_38011533的博客
10-18 1万+
MDN： 返回一个包括所有给定标签名称的元素的HTML集合HTMLCollection。整个文件结构都会被搜索，包括根节点。返回的HTML集合是动态的, 意味着它可以自动更新自己来保持和DOM 树的同步而不用再次调用document.getElementsByTagName()。 语法： var elements = document.getElementsByTagName(...
获取HTML元素3个方法：document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
热门推荐
小哥骑单车
11-24 6万+
获取HTML元素3个方法比较：document.getElementsByName()、document.getElementById()、document.getElementsByTagName() document.getElementsByName() 是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。 document.getElementBy...
document.getElementsByTagName()返回的是数组document.getElementsById()是dom内容
POJIE19820106的博客
04-23 484
<html> <head> <metacharset="UTF-8"> <title>全选和反选</title> </head> <body> <inputtype="button"value="全选"> <scripttype="text/...
JavaScript_基础_DOM
Mr_HuangJW的博客
12-01 593
DOM（document 对象模型） imooc学习笔记（部分图片转自imooc） 这是处理HTML文档的标准方法，将HTML文档呈现为一种树状结构： DOM节点有: 1. 元素节点：上图中、、等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如...中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如标签的链接属性href
JavaScript操作DOM的那些坑
qq1024884152的博客
07-19 410
DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。 PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。 Node 接口 firstChild 相当于 childNodes[0]；lastChild 相当于childNodes[box.childNodes.length -
#神仙见了会流泪之#getElementsByTagName的用法
其实我十八，你呢？
07-04 2081
神仙又来流泪了，我们在学习中经常会出现，相同的方法可以有不同的用处，就很容易记混，刚刚我就遇到了这种情况(其实是记得不扎实￣□￣｜｜)，我来整理下getElementsByTagName的方法都有哪些吧(其实我现在了解的就俩。。。) 第一种:通过document对象调用 document.getElementsByTagName(“标签名”) 这种方法是 通过标签名获取一组元素节点对象 第二种:通过具体的元素节点调用 父节点.getElementsByTagName(后代节点) 第二种具体代码如下，第一种应
文字上下相接 滚动.html js
12-18
部分代码如下： <script type="text/javascript"> var Marquee = function(id){ try{document.execCommand("BackgroundImageCache", false, ... slide.innerHTML += slide.innerHTML; var rolling = function(){
GoogleInboxBigCompose:使Google收件箱的撰写窗口不那么吸引人的书签
05-11
较大的收件箱撰写窗口因为微小的东西很烂，没有其他方法可以...document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]=
ASP.ENT中应用javascript分页
10-21
var a = document.getElementById("all").getElementsByTagName("li"); var zz =new Array(a.length) for(var i=0;i <a.length;i++) { zz[i]=a[i].innerHTML } //div的字符串数组付给zz var pageno=1; //当前页 ...
开源bbs源码java-Web1707:前端课程资料
06-06
document.getElementsByTagName() //包含多个DOM对象的数组 DOM对象.getElementsByTagName() //创建元素 document.createElement('') //可以创建p,div,span,link,script,img //属性 innerText, innerHTML,checked...
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
weixin_46065214的博客
08-17 1万+
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
getElementsByClassName和getElementsByTagName上为什么innerHTML和innerText属性不起作用。
qq_56715703的博客
12-03 802
总结：getElementsByClassName和getElementsByTagName获取的是集合，在最后加[0]即可获取具体元素，就有innerHTML和innerText属性了。详解： 在做数据绑定到页面的时候，我们经常会用到innerHTML和innerText，其二者都是可以往节点中添加内容，而二者区别是innerHTML可以识别标签。 我在今天用innerHTML的之后，发现页面（红框部分）并没有放上数据。但是打印了一下元素发现元素上有innerHTML属性。 此
document.getElementsByTagName遍历复选框
z18842589113的博客
11-24 3050
getElementsByTagName：找出相匹配的标签的一个集合并且遍历，下面我们以获取 checkbox多选为实例来介绍。 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 核心代码  代码如下 复制代码
GetElementByName
我就吃一口的BLOG
12-10 887
GetElementByName <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> // 全选 function checkAll() { // 让所有复选框都选
document.getElementById("result").innerHTML = res; document.getElementsByTagName("p") = res; 若p标签id为result;上述两句代码效果是否相同
最新发布
05-31
` 是针对 id 为 "result" 的元素进行操作，将变量 res 的值设置为该元素的 innerHTML 属性。也就是说，该代码会将变量 res 的值显示在 id 为 "result" 的元素中。 而第二行代码 `document.getElementsByTagName("p...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值