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');