Переменная JavaScript внутри строки

Question

Я только что начал изучать JavaScript и столкнулся с небольшой проблемой.

var id; 
function replay(id){ 
    document.getElementById(id).innerHTML='<form action="./replay.php?uid= method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>'; 
} 

я пытаюсь добавить переменную "идентификатор" после того, как, но не могу понять, с синтаксисом

<form action="./replay.php?uid= 

Answer 1

Как это:

document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + '" method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>'; 

По сути вы хотите:

something = 'string literal' + variableName + 'another string literal'; 

Answer 2

//var id; 
// using id for example 12 
var id = 12; 
function replay(id){ 
    document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + ' method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>'; 
} 

Answer 3

Строка - это последовательность символов в основном. Очень полезная вещь, которую вы можете сделать со строками является конкатенация (объединение) их с помощью + оператора:

var longString = 'This is ' + 'a long' + ' string'; // "This is a long string" 

Самый простой способ вставить что-то в середине строки является конкатенировать начале строки, ваше что-то и конец строки:

var mySomething = 'a long'; 

var longString = 'This is ' + mySomething + ' string'; // "This is a long string" 

Вы можете сделать то же самое для ID:

var id; 
function replay(id){ 
    document.getElementById(id).innerHTML='<form action="./replay.php?uid=' + id + '" method="get"><hr><input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"></form>'; 
} 

Результирующий HTML prettyfied (для ID = 123):

<form action="./replay.php?uid=123" method="get"> 
    <hr> 
    <input type="submit" name="qpost" class="replay_key" value="Post" style="background-color: #a9d22c;"> 
</form> 

Обратите внимание, что я также добавил закрывающие кавычки после идентификатора!