INSERT INTO item.innerHTML

Question

我有一个divremaining

remaining.innerHTML = "You have NUMBER remaining SECOND VARIABLE"

我知道我可以只是做remaining.innerHTML = "new string"改变innerHTML的，但我使用Javascript不知道我怎么会注入了数的新值进入innerHTML而不知道NUMBER的索引或值？然而，非变量内容例如You have和remaining是恒定的。

Answer 1

使用字符串连接：

var number = 1; 
var secondVariable = 2; 

remaining.innerHTML = "You have " + number + " remaining " + secondVariable; 
// results in "You have 1 remaining 2"; 

Answer 2

remaining.innerHTML = "You have " + var1 + " remaining " + var2; 

Answer 3

喜欢的东西

var no1 = 5; 
var no2 = 10; 
remaining.innerHTML = "You have " + no1 + " remaining " + no2; 

Answer 4

可以使用replace()方法的字符串，通过它们的值来代替你的标记。

例如，如果您使用此代码部分：

var str = "You have NUMBER remaining SECOND VARIABLE"; 
var new_str = str.replace('NUMBER', 150).replace('SECOND VARIABLE', 'plop'); 

的new_str变量将具有值：

"You have 150 remaining plop" 

其中，适用于您的具体情况，将给这样的东西：

remaining.innerHTML = "You have NUMBER remaining SECOND VARIABLE".replace('NUMBER', 150).replace('SECOND VARIABLE', 'plop');