美文网首页WEB开发
HTMLCollection有length属性,但是js调用时l

HTMLCollection有length属性,但是js调用时l

作者: 情有千千节 | 来源:发表于2018-11-27 10:22 被阅读0次

有时候通过

  let goodsList = this.$refs.goodsWrapper.getElementsByClassName('goods-list-hook')
console.log(goodsList)
console.log(goodsList.length)
console.log(typeof goodsList)
image.png

这里获取到的是个伪数组,渲染之前打印的这个数组,看到的是渲染后的数据,通俗的讲,就是这个dom结构还没加载完,js就执行了,解决办法就等dom结构加载完成后再去获取这个数组
vue中使用this.$nextTick(()=>{})来获取即可

相关文章

  • HTMLCollection有length属性,但是js调用时l

    有时候通过 这里获取到的是个伪数组,渲染之前打印的这个数组,看到的是渲染后的数据,通俗的讲,就是这个dom结构还没...

  • HTMLCollection和NodeList

    HTMLCollection是元素集合(元素顺序为文档流中的顺序),它和NodeList很像,有length属性来...

  • length是属性还是方法?

    在java中,数组有length属性,字符串有length方法; 在js中,数组与字符串都是length属性。

  • Mac下全局安装uve环境

    前端JS小记 HTMLCollection 与 NodeList 的区别 HTMLCollection是 HTML...

  • js数组length的属性

    JavaScript 数组有一个length属性,能够获取数组的长度,这是我们平时的用法。但是length属性并不...

  • 超出显示...

    css实现方式 多行 js利用sring的length属性当length大于一定值是截取

  • 【vue学习】开发过程中碰到的一些问题

    问题1: Vue 无法读取HTMLCollection列表的length解决 在mounted阶段,获取Eleme...

  • JavaScript学习笔记-数组

    1 长度length (1)要取得Array的长度,直接访问length属性: (2)注意1:直接给Array的l...

  • JS知识点整理-2

    JS的string对象 创建String对象 var str =“abc” 方法和属性属性length 字符串的长...

  • 类数组

    类数组: 在js中有一些对象它也拥有length属性,且拥有为非负整数的属性,但是它又不能调用数组的方法,这种对象...

网友评论

    本文标题:HTMLCollection有length属性,但是js调用时l

    本文链接:https://www.haomeiwen.com/subject/ounwqqtx.html