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

Question

How can I add text to a HTML paragraph without adding formatting to the inserted text? This is what I have so far:

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

When the word "it" is inserted, it is underlined. How dow I prevent it from being underlined?

Thank you!

Answer 1

This is because by default there there is text decoration underline in ins tag of html,you can override it by including the below css code in your head sect

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

Answer 2

 ins{ text-decoration: none; } 

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

You should set text-decoration: none;