javascript - 两个内容加空格

Question

我正在尝试从两个DIVs 添加内容并将它们注入到输入字段中。以下工作，除了输入的值之间没有空格。

使用下面的代码，文本字段中的值是：JohnDoeAccountant 我正在寻找文本字段中的输出：John Doe Accountant。

我如何确保输出值之间有空格？

var output1 = document.getElementById("firstname").innerHTML;
var output2 = document.getElementById("lastname").innerHTML;
var output3 = document.getElementById("job").innerHTML;
document.getElementById("user-submitted-tags").value = output1 + output2 + output3;

Answer 1

....value = [output1, output2, output3].join(" ");

---

或者删减一些重复：

document.getElementById("user-submitted-tags").value = 
    ["firstname","lastname","job"].map(function(id) {
        return document.getElementById(id).innerHTML;
    }).join(" ")

---

或者像这样：

document.getElementById("user-submitted-tags").value = 
    ["firstname","lastname","job"].reduce(function(s, id) {
        return s + " " + document.getElementById(id).innerHTML;
    }, "")

Answer 2

尝试

document.getElementById("user-submitted-tags").value = output1 + ' ' + output2 + ' ' + output3;