“ .innerhtml”未正确显示在Safari上（JavaScript）

Question

我的问题：

嘿，大家，

我目前正在尝试编写一些简单的代码，以使用特定的字符串，并仅使用JavaScript使它们大胆。该代码正常运行，但是在移动设备上测试它时，我注意到它不能正确显示新的粗体字符串。

相反，它没有显示任何内容。

有人可以帮我吗？

我尝试的是：

我认为也许自从我使用“ .innerhtml”而不是“ .innertext”替换文本以来，它引起了某种问题，但是，我需要使用。正在返回的是HTML格式化（例如＆lt; b＆gt; {insert String esl eker on此处}＆lt;/b＆gt;）。

我尝试设置元素的内部文本等于它们的内部HTML，但这导致每个字符串显示为“ ＆lt; b＆gt; {insert string}＆lt;/b＆gt;“而不是仅仅是”仅大胆的文字。

我的代码：

var text = document.getElementsByClassName('text-bold')
var boldText = []

for (i = 0; i < text.length; i++) { // For all of the elements with the class "text":
  var str = text[i].innerText // Get the inner text
  var bold = str.bold() // Make the inner text bold
  boldText.push(bold) // Return the string to an array
}

for (i = 0; i < text.length; i++) { // For all of the elements with the class "text":
  text[i].innerHTML = boldText[i] // Replace the inner HTML with the corresponding bold text from the array
}

<div>
  <p class="text-bold">Hello!</p>
  <p class="text">Hi!</p>
  <p class="text-bold">Hey!</p>
</div>

更新：

我最初认为这是移动设备的问题，但这似乎只是Safari的问题。