JavaScript 將字符串轉換為 HTML 元素

Question

我有 javascript 字符串和 HTML 元素。 我想在頁面上顯示這些元素，但不是字符串形式。

 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>'
        }

那么如何轉換這個字符串呢？

Answer 1

使用元素的innerHTML屬性。

例如

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>"

Answer 2

使用innerHTML屬性將字符串作為元素添加到文檔中。 並且您必須在字符串中使用正確的引號。 您的字符串無效。

 var stars = 5; if (stars == 5) { document.getElementById('body').innerHTML += '<i class="fas fa-star">a</i><i class="fas fa-star">a</i><i class="fas fa-star">a</i><i class="fas fa-star">a</i><i class="fas fa-star">a</i>' }

 .fas { background-color:green }

 <body id="body"></body>

Answer 3

你可以使用 insertAdjacentHTML

const divInString = '<div class="todo">Stuff</div>'
const parentOfDiv = document.querySelector(".parent")
parentOfDiv.insertAdjacentHTML("beforeEnd",divInString)

我也在尋找這個問題的解決方案，這就是解決我的問題的方法。

JavaScript 將字符串轉換為 HTML 元素

問題描述

3 個解決方案

解決方案1
1 已采納 2019-03-01 11:58:04

解決方案2
0 2019-03-01 11:58:38

解決方案3
0 2022-09-11 12:37:17

JavaScript 將字符串轉換為 HTML 元素

問題描述

3 個解決方案

解決方案1 1 已采納 2019-03-01 11:58:04

解決方案2 0 2019-03-01 11:58:38

解決方案3 0 2022-09-11 12:37:17

解決方案1
1 已采納 2019-03-01 11:58:04

解決方案2
0 2019-03-01 11:58:38

解決方案3
0 2022-09-11 12:37:17