Question

我有带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>'
        }

那么如何转换此字符串？

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属性将字符串作为元素添加到文档中。并且您必须在字符串中使用正确的引号。您的字符串无效。

lst1 <- lapply(df1$Date, function(x) seq(x-2, x+2, by = '1 day'))
data.frame(ID = rep(df1$ID, lengths(lst1)), date = do.call(c, lst1))
#    ID       date
#1   56 2016-05-20
#2   56 2016-05-21
#3   56 2016-05-22
#4   56 2016-05-23
#5   56 2016-05-24
#6  894 2016-11-07
#7  894 2016-11-08
#8  894 2016-11-09
#9  894 2016-11-10
#10 894 2016-11-11

df1 <- structure(list(ID = c(56L, 894L), Date = structure(c(16943, 17114
 ), class = "Date")), row.names = c(NA, -2L), class = "data.frame")

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

JavaScript将字符串转换为HTML元素

2 个答案: