javascript将权重设置为文本中的字符

Question

我想申请文本"<b>H</b>ell<b>o</b>"与ID段落= “predogled”使用JavaScript，因此，输出将是H ELL O操作 。

我尝试了这个：

<script>
    function formattext(){
        document.getElementById('predogled').innerText="<b>H</b>ell<b>o</b>";
    }
</script>

<p id="predogled"></p>

<button type="button" onclick="formattext()">Format!</button>

但是这段代码从字面上打印出"<b>H</b>ell<b>o</b>"并且这些字符不是我想要的粗体。

Answer 1

那就是innerText所做的。 如果希望将其解释为HTML，请改用innerHTML 。

Answer 2

您必须使用innerHTML

 <script> function formattext(){ document.getElementById('predogled').innerHTML="<b>H</b>ell<b>o</b>"; } </script> 

 <p id="predogled"></p> <button type="button" onclick="formattext()">Format!</button> 

Answer 3

使用innerText您可以打印字符串。
使用innerHTML可以打印元素的HTML内容。
尝试使用除了innerText之外的innerHTML ：

function formattext(){
        document.getElementById('predogled').innerHTML="<b>H</b>ell<b>o</b>";
    }