将对象文本值与for循环Javascript连接起来

我尝试使用

for

循环获取一个名称数组并将其添加到单个变量中，然后将其显示到控制台

var list = "";
var names = document.getElementsByTagName('h3');

for(i=0;i<names.length;i++){
    list = list.concat(names[i].firstChild);
}

console.log(list);

注意：

console.log（名称[22].firstChild）

在控制台中输出

“Richard”

。我只是在将它们连接到变量

列表

时遇到问题

该委员会的代码如下

<h3 style="color:white; font-weight:300;" class="staff">
  Richard Smith<br>
  <span style="font-size:14px;">Data Analyst</span>
</h3>

理查德·史密斯

数据分析员

---

这就是我使用

.firstChild

的原因。如果我使用

.innerText

，它将返回名称及其后的

。

名称[I]。firstChild属性引用包含您想要获取的值的文本节点

使用

innerHTML

或

innerText

获取字符串而不是文本节点，而不是访问

firstChild

属性

我在每个名字之间也加了一个空格

var list=”“；
var name=document.getElementsByTagName（'h3'）；
对于（i=0；i'）[0]+''；
}
控制台日志（列表）

理查德·史密斯

数据分析员
使用
nodeValue

var list = "";
var names = document.getElementsByTagName('h3');

for(i=0;i<names.length;i++){
    list = list.concat(names[i].firstChild.nodeValue + ' ');
}

console.log(list);

var list=”“；
var name=document.getElementsByTagName（'h3'）；
对于（i=0；我不想使用
firstChild
而是
innerText
@jfriend00，因为
list
是一个字符串，诀窍是使用innerText。似乎+''是不必要的（而且，它与问题中的代码不同。额外空格。）
var list = "";
var names = document.getElementsByTagName('h3');

for(i=0;i<names.length;i++){
    list = list.concat(names[i].firstChild.nodeValue + ' ');
}

console.log(list);