JavaScript将字符串转换为HTML元素

我有带HTML元素的javascript字符串。我想在页面上显示这些元素，但不是以字符串形式显示

 var stars = a;
        if (stars == 5){
            return '<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>'
        }

---

那么如何转换这个字符串呢？

使用元素的innerHTML属性

例如

---

使用innerHTML属性将字符串作为元素添加到文档中。您必须在字符串中使用正确的引号。您的字符串无效

var=5； 如果星=5{ document.getElementById'body'。innerHTML+='aaaaa' } .fas { 背景颜色：绿色 }

---

要返回字符串还是DOM元素？如果您想把它放在某个地方，可以直接使用var safestring=$.textunsafestring.html将它放在DOM中；如果不想使用jQuery，也可以使用内部html属性并将元素直接放入DOM中。

let element = document.getElementById('myElement');

element.innerHTML = "<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>"