Двойные вложенные цитаты

Question

У меня есть эта строка кода

formsParent.innerHTML = "<p style = 'color: black; font-family: "Times New Roman" font-size: 2em'> Order submitted. Thank you for ordering! </p>"

Первая цитата для innerHTML имущество. Далее свойства внутри style атрибут <p> элемент, и, наконец, мне нужна еще одна цитата в этом для font-family свойство со значением, состоящим из нескольких слов, поэтому оно также нуждается в кавычках. Есть только "" и "", и использование двойных кавычек для семейства шрифтов приводит к ошибке. Как использовать кавычки внутри кавычек внутри кавычек?

РЕДАКТИРОВАТЬ: Это не дубликат двойной кавычки в строке JavaScript. Хватит отмечать это!

В приведенном выше вопросе OP запрашивает одностраничные кавычки - одинарные кавычки или двойные кавычки были ответом или наоборот.

В моем вопросе я прошу двойные кавычки - [цитаты] внутри [цитаты] внутри [цитаты]. Мой вопрос - это дополнительный слой цитат.

Answer 1

В вашем случае вам нужно избежать quotes:

formsParent.innerHTML = "<p style='color: black; font-family: \"Times New Roman\"; font-size: 2em'> Order submitted. Thank you for ordering! </p>";

Но в таких случаях лучше использовать backtick содержать innerHTML значение, таким образом, вам никогда не придется избегать apostrophes ни quotes:

formsParent.innerHTML = `<p style='color: black; font-family: "Times New Roman"; font-size: 2em'> Order submitted. Thank you for ordering! </p>`;

Answer 2

Наилучший вариант здесь - избежать кавычек:

formsParent.innerHTML = "<p style=\"color: black; font-family: 'Times New Roman' font-size: 2em\"> Order submitted. Thank you for ordering!</p>";

Answer 3

Используйте шаблонный литерал

document.getElementById('formsParent').innerHTML = `<p style = 'color: red; font-family: "Times New Roman" font-size: 2em'> Order submitted. Thank you for ordering! </p>`

<div id="formsParent">