如何向现有JavaScript变量添加内容？

所以我想向已经存在的变量添加字符串或其他变量之类的内容。我知道这是不对的，但这就是我所拥有的

var variable = "Variable";

function dispVar1() {
    let p = document.createElement("p");

    p.innerHTML = variable;
}

function dispVar2() {
    let p = document.createElement("p");
    let alteredVar = variable + " that has been altered";
    /* Also, could I do "" + variable to make string go before the variable? */

    p.innerHTML = alteredVar;
}

您可以简单地使用连接字符串。您可以在示例中看到，我正在创建一个变量

newValue

，该变量包含原始变量和一些附加文本：

var variable=“variable”；
var targetEl=document.querySelector（“#target”）；
函数dispVar1（）{
target.innerHTML=''；
设p=document.createElement（“p”）；
p、 innerHTML=变量；
目标儿童（p）；
}
函数dispVar2（）{
target.innerHTML=''；
设p=document.createElement（“p”）；
const newValue=variable+'（这里是一些添加的文本）'；
p、 innerHTML=newValue；
目标儿童（p）；
}

---

您的初始代码可以工作：

let alteredVar = variable + " that has been altered";

与占位符一起使用的另一种方法比串联更为流行，因为它消除了转义某些字符的必要性，更为灵活，并且可以说更具可读性：

let alteredVar = `${variable} that has been altered`;

---

只需使用

+=

将更多内容连接到值上。当然，您可以使用

“something”+变量

。为什么顺序会有所不同？请参阅生成可执行代码段。基本上，单击工具栏中的

[]

工具打开代码段编辑器。plot twist，这个问题实际上是关于

innerHTML

，如果您只是向其中添加一些文本，则应该使用

p.textContent

。它的性能更好。

let alteredVar = `${variable} that has been altered`;