Vue中通过TagName获取的DOM节点，控制台打印后HTMLConnection有内容，但是length为0

问题还原：

项目中在实现Excel在线预览时，通过js-xlsx插件将Excel转成html后，但是没有样式。所以自己通过getElementsByTagName(‘td’)获取所有td的DOM节点进行样式增加。获取到HTMLConnection节点并转成数据组后，发现有内容但是length为0，无法进行遍历操作等。
截图如下图所示：

解决方案：

这是由于DOM还未加载办成就进行了操作。所以将DOM操作的相关代码放到this.$nextTick中。
代码如下：

this.excelView = XLSX.utils.sheet_to_html(worksheet) // 渲染
      this.$nextTick(function () { // DOM加载完毕后执行，解决HTMLConnection有内容但是length为0问题。
        this.setStyle4ExcelHtml()
      })

PS：欢迎大家点赞、关注、支持。如有需要，欢迎添加博主QQ沟通交流！QQ：156587607