"" после = в Javascript дает ошибку, потому что есть "" в коде html, который находится в Javascript

Question

есть код "" в моем html коде, поэтому js не поймет, какой "" следует использовать, я думаю, любое хорошее предложение для этого !!!

document.getElementById("prja").innerHTML =/"
< div class=" container - fluid" >
    < div class="row" >
        <div class="col h1 mt-3 mb-5 text-center font-weight-bolder mb-3 mt-5"
            style="font-family: 'Oswald', sans-serif; color: rgb(2, 151, 151); ">
            Our Projects
    </div>
    </div >
</div >
/";

Answer 1

Самым простым решением было бы просто использовать строку шаблона :

document.getElementById("prja").innerHTML = `
  <div class=" container-fluid" >
    <div class="row">
      <div class="col h1 mt-3 mb-5 text-center font-weight-bolder mb-3 mt-5"
           style="font-family: 'Oswald', sans-serif; color: rgb(2, 151, 151);">
        Our Projects
      </div>
     </div >
  </div>`;

<div id="prja"></div>

---

Если по какой-то причине вы хотите продолжить использовать обычную строку в двойных кавычках:

1. Вы должны избегайте внутренних двойных кавычек, а не внешних.
2. Экранирование выполняется путем размещения знака кавычки sh перед кавычками (\"), а не форварда слэ sh.
3. Вы должны заменить символы новой строки на символы новой строки (\n).

Answer 2

Вы можете решить это следующим образом:

document.getElementById("demo").innerHTML = "<div class='container - fluid'><div class='row'><div class='col h1 mt-3 mb-5 text-center font-weight-bolder mb-3 mt-5' style='font-family: /'Oswald/', sans-serif; color: rgb(2, 151, 151); '>Our Projects</div></div><div>";

Или взгляните на JavaScript многострочную строку, которая также может решить эту проблему