javascript - 从javascript函数设置HTML段落中的文本而不格式化

Question

如何在不向插入的文本添加格式的情况下向 HTML 段落添加文本？这是我目前所拥有的:

<p>Example paragraph <ins id="example"></ins>.</p>
<script>
  function getIt() {
    return "it"
  }
  document.getElementById("example").innerHTML = getIt();
</script>

当插入单词“it”时，它带有下划线。如何防止它被加下划线？

谢谢!

Answer 1

这是因为默认情况下html的ins标签中有文本装饰下划线，你可以通过在head sect中包含以下css代码来覆盖它

<style>
ins { 
    text-decoration: none;
}
</style>