为了账号安全,请及时绑定邮箱和手机立即绑定

打字稿 HTML 显示

打字稿 HTML 显示

Qyouu 2021-11-04 15:49:27
我是打字稿的新手。我有一个使用打字稿显示 html 的问题。下面是我的 HTML 代码:<div itemprop="copy-paste-block">  <ul>    <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">ITS – signed support agreement</span></span>      <ul style="list-style-type:circle;">        <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">27 parts received to date.</span></span>        </li>        <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">Working larger structures package.</span></span>        </li>      </ul>    </li>    <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">GECAS </span></span>      <ul style="list-style-type:circle;">        <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">Working full ship set structures package.</span></span>        </li>      </ul>    </li>    <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">Skywest</span></span>      <ul style="list-style-type:circle;">        <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">Price rationalization presented to mgmt.</span></span>        </li>      </ul>    </li>    <li>United      <ul style="list-style-type:circle;">        <li><span style="font-size:11pt;"><span style="font-family:Calibri,sans-serif;">Single Radome oppty.</span></span>        </li>      </ul>    </li>  </ul></div>当我使用document.write(htmlcontent);它显示正确,如下所示:但是,当我使用document.body.innerHTML = htmlcontent显示已更改,缺少一些内容并更改了如下所示的一些格式我想知道这是否应该发生......如果我应该做些什么来使 body.innerHTML 正确显示?谢谢。
查看完整描述

1 回答

?
慕运维8079593

TA贡献1876条经验 获得超5个赞

您不想设置.innerHTML整个文档正文的 。相反,只需选择一个divwithdocument.getElementById并在其.innerHTML上设置属性。


此外,不要使用document.write. 它又旧又危险。只是不要碰它。


<html>

  <head>

  ...

  </head>

<body>

  <div id="root-element"></div>

  <script>

  document.getElementById("root-element").innerHTML = htmlcontent

  </script>

</body>

</html>


查看完整回答
反对 回复 2021-11-04
  • 1 回答
  • 0 关注
  • 105 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信