从控制台 Chrome 显示值

时间:2020-12-22 16:44:35

标签: html google-chrome console

如何在 Chrome 中使用类显示 li 中的值?例如,在 Instagram 上,我们可以使用下一个方法显示所有关注者的列表:

console.log(document.getElementsByClassName('wo9IH'));

这样,我们就得到了一个 HTML.collection,就像一个 Array

Image

但我只想显示或查看我的粉丝的名字。我该怎么做?我用 for cicle 试过:

function names(){
    for (var i=0; i <document.getElementsByClassName("wFPL8").length; i++ ){
    var singleElement = document.getElementsByClassName("wFPL8")[i];
    console.log(singleElement.innerHTML);
}
}

names();

但是这样显示名称和空格:

Image

如何删除这些空格?

1 个答案:

答案 0 :(得分:0)

您可以测试 innerHTML 是否为空,并且仅在 for 循环中有名称时才将其打印出来。

if(singleElement.innerHTML.length > 0)
    console.log(singleElement.innerHTML);