Добавить новую строку в javascript при отображении HTML

Question

Есть ли способ добавить новые строки в javascript при печати html? Чтобы напечатанный html был отступом.

document.getElementById("id").innerHTML = "<div class="1"><div class="2">hello</div></div>" 

Вместо этого я хочу что-то вроде этого:

document.getElementById("id").innerHTML = " 
<div class="1"> 
    <div class="2"> 
     hello 
    </div> 
</div>" 

Answer 1

document.getElementById("id").innerHTML = 
    ['<div class="1">', 
    ' <div class="2">', 
    '  hello', 
    ' </div>', 
    '</div>', 
    ].join('\n'); 

Или просто избежать новых линий:

document.getElementById("id").innerHTML = 
"<div class="1"> \ 
    <div class="2"> \ 
     hello \ 
    </div> \ 
</div>"; 

Или же с JQuery:

$("#id").html(
"<div class="1"> \ 
    <div class="2"> \ 
     hello \ 
    </div> \ 
</div>");