将HTML代码作为甜蜜警报的文本传递

Question

我在我的应用程序中使用this。我想使用下面的甜蜜警报。

<div class='slider'>
  <div class='slide1'>test</div>
  <div class='slide2'>test2</div>
  <div class='slide3'>test3</div>
</div>

但它现在有效。它正在显示HTML代码。感谢。

更新

我看了this个问题，但这个问题与sweet alert2有关。我的问题是sweet alert。两者都是甜蜜警报但两者都不相同。

Answer 1

甜蜜警报2： 而不是text使用html。 如需更多检查here。

甜蜜警报：在较旧版本的甜蜜警报中，他们不再使用html个对象，而是可以使用content对象，如图所示here 。在你的情况下，你可以创建一个元素，然后将你的html嵌入到该元素中，并将其添加到swal的内容对象，如下所示。 （Fiddle here）

var elem = document.createElement("div");
elem.innerHTML = "Hello <br> <strong>World<strong> ! <hr>";

swal({
  content: elem,
});

Answer 2

正如@Elnoor所提到的，你可以尝试使用html，但我在SWAL2中遇到了问题所以我使用了innerHTML。喜欢：

 var myhtml = document.createElement("div");
 myhtml.innerHTML = "You are going to delete <b>"+ name +"</b> address. ";

然后将其放入您的内容中，如：

swal({
    title: "Are you sure?",
    content: myhtml,
    icon: "warning",
    buttons: true,
    dangerMode: true,
   })

标记我已将text代码更改为content代码。