我是 typescript 的新手。我有一个使用 typescript 显示 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 正确显示？谢谢。
此链接没有回答我的问题: When should one use .innerHTML and when document.write in JavaScript
最佳答案
您不想设置整个文档主体的 .innerHTML。相反，只需选择一个带有 document.getElementById 的 div 并在其上设置 .innerHTML 属性。
此外，不要使用document.write。它古老而危险。只是不要碰它。
<html>
<head>
...
</head>
<body>
<div id="root-element"></div>
<script>
document.getElementById("root-element").innerHTML = htmlcontent
</script>
</body>
</html>
关于javascript - typescript HTML 显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58174027/