相关文章推荐
被表白的盒饭  ·  QT6 ...·  2 年前    · 
博学的地瓜  ·  条件判断IF ...·  2 年前    · 

当你在不同生命周期里打印

console.log("iframe-top", document.getElementsByClassName("iframe-top"));时

你会发现拿不到你想要的元素。

3.解决方法:

在接口获取要遍历的数组后面写一个定时器打印,需要异步处理。

接口返回 data:
 this.categoryList = data;
let timer = setTimeout(() => {
    console.log("iframe-top",
       document.getElementsByClassName("iframe-top")
  clearTimeout(timer);

就可以拿到想要的元素了: 

用getElementById取到的值居然是null,而getElementsByClassName获取到对象,但是用数组方式访问时却不识别,百思不得其解,后来琢磨着是不是这个页面是删除掉了,达到某个条件才加载出来的,导致了页面未渲染出来,js已经先执行了才导致了这个后果,然后用了setTimeout延迟了几秒后加载js,果然就可以了 document.getElementByclassName()方法;使用指定的calss属性值返回相关元素的集合(节点列表)使用getElementByclassName()方法,使用指定的calss属性值(名称)返回当前文档中所有相关元素的集合(节点列表对象)。节点列表对象代表了收集到的所有相关节点,可以使用序列号(index)访问节点列表,index的值从0开始。注:使用节点列表对象的len... 在浏览器里调试了一下,找到这个div,添加display: none可以隐藏该块的内容。这说明不是display: none的问题。 在console里面打印 `document.getElementsByClassName("xxx").st 在vue页面中,使用getElementsByClassName获取dom,发觉总是获取不到,返回的数组如也,长度为0。需要使用nextTick 用getElementsByClassName()和innerText搭配使用输出为——undefined想要提取h2标签中的文本“44”,但是运行代码后控制台只有undefined。 <!DOCTYPE html> <meta charset="UTF-8"> <title></title> </head> <h2 class=" 今天写了一个表达验证的网页,在给一个输入框添加监听事件的时候,控制台一直报错,报错原因显示Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function通过查资料得知:这是因为选择器没有正确选择元素对象document.getElementsByClassName(...)捕捉到... 写js代码时出现TypeError: document.getElementsByClassName(...)[nowImage] is undefined错误,意思是要获取的类名不存在,我找了一个下午,发现只要把html中js的外链式代码写在body标签中的最后面就可以了,但是不知道其中的原因是什么,这个有待考究 又多一款数仓选型,虽然ClickHouse从性能上比不上前面的StarRocks,但还是有其使用场景,技多也不压身。本篇了解ClickHouse特性和性能,并完成一个单机和三台集群环境部署并验证可用,为后续实站提供前提条件... 这里用原生JS封装了一下document.getElementById、document.getElementsByClassName以及document.getElementsByTagName等方式来获取元素的函数,并解决了document.getElementsByClassName的兼容问题,希望对刚开始接触js的伙伴有所帮助。 数据仓库也是公司数据发展到一定规模后必然会提供的一种基础服务,数据仓库的建设也是“数据智能”中必不可少的一环。本文将从数据仓库的简介、经历了怎样的发展、如何建设、架构演变、应用案例以及实时数仓与离线数仓的对比六个方面全面分享关于数仓的详细内容。 1.数据仓库简介 数据仓库是一个面向主题的(Subject Oriented)、集成的(Integrate)、相对稳定的(Non-Volatile)、... html中document.getElementsByClassName函数的使用方法定义和使用使用方法 定义和使用 getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。 NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。 提示: 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素获取你需要的那个元素。 <script> function open(){ var alert = document.getElementsByClassName('alert_container')[0]; console.log(alert); </script> <input type="button" value="显示警告框" @click= var revise = document.getElementsByClassName("btn btn-xs btn-warning revise")[0]; revise.onclick=function revise() { revBack... document.getElementsByClassName()与document.getElementById(),大家应该对这两个方法都非常的不能再熟悉的js方法了,就是获取DOM元素嘛,有什么难的。今天我在这两个简单的方法上面犯了错误。我页面中有一个按钮button,把按钮的结构代码直接贴上来吧,说的不直观,直接看代码最好了。&lt;button type="button" class="...