Question

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

使用下面的代码，文本字段中的值为：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;

添加空间的两个内容

2 个答案: