在显示 HTML 时在 javascript 中添加新行

Question

有没有办法在打印 html 时在 javascript 中添加新行？这样打印出来的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>");

在显示 HTML 时在 javascript 中添加新行

Add new line in javascript while displaying HTML

javascript

indentation