主页 / 问题 / 1008118
Accepted
Владлен Вожжаев
Asked:2020-07-30 10:39:22 +0000 UTC2020-07-30 10:39:22 +0000 UTC

用 innerHTML 塑造 DOM

  • 772

你能告诉我为什么DOM是这样生成的：

<div id="result">
  <div class="block"></div>
  a=5
</div>

虽然我希望看到：

<div id="result">
  <div class="block">a=5</div>
</div>

这是代码本身：

<div id="result"></div>

<script>
  var a = 5;
  result.innerHTML += `<div class="block">`;
  if (a==5)
    result.innerHTML += `a=5`;
  else
    result.innerHTML += `a!=5`;
  result.innerHTML += `</div>`;
</script>

塑造这个片段以查看我的期望以及为什么它不能正常工作的正确方法是什么？

javascript

1 个回答

  1. Best Answer

    在这个时刻

    result.innerHTML+=`<div class="block">`;

    元素divwithclass="block"已经被创建。

    和这个

    result.innerHTML+=`</div>`;

    什么也不做。

    <div id="result"></div>
<script>
  var a = 5;
  var inner = "";
  inner += `<div class="block">`;
  if (a==5)
    inner += `a=5`;
  else
    inner += `a!=5`;
  inner += `</div>`;
  result.innerHTML = inner;
</script>
    • 3

相关问题