Я использую кавычки правильно в JS innerHTML?

Question

var foo = 100; 
     var firstCell = newRow.firstChild.innerHTML = "<button id='removeBtn' onclick='removeRow("+ foo +")'>X</button>"; 

У меня есть эта маленькая строка кода, которая вставляет кнопку в ячейку таблицы, а затем назначает ей функцию с параметром (foo). Несмотря на то, что он работает, мой редактор кода, скобки, не отображает часть «+ foo +», как и остальная часть innerHTML. Я думаю, что это связано с тем, что мои кавычки смешиваются, но я не уверен, как решить эту проблему. Будет ли это проблемой или я должен оставить это так?

Answer 1

Вы можете избежать двойных кавычек, чтобы иметь их внутри onclick.

... = "<button id='removeBtn' onclick='removeRow(\""+ foo +"\")'>X</button>";