向 sweetalert 内容对象添加多个变量

Question

我知道可以使用 content 对象将 HTML 元素添加到 sweetalert 警报框。例如：

var link1 = document.createElement('a');
link1.innerHTML = 'How do I logout?';
swal({
    title: 'FAQ',
    content: link1
});

但是，我想知道是否可以向内容对象添加多个变量，例如

var link1 = document.createElement('a');
var link2 = document.createElement('a');
link1.innerHTML = 'How do I logout?';
link2.innerHTML = "How do I example?";
swal({
    title: 'FAQ',
    content: link1 + '\n' + link2 //NOTE: this doen't work but I hope this demostrates what I am asking
});

我想这样做，以便我可以创建 links，它根据单击哪个 link 打开不同的 sweetalert 警报框。

sweetalert 版本：

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

Answer 1

尝试创建一个 <div>，将元素添加到其中，然后将 <div> 传递给 SweetAlert。

const link1 = document.createElement('a');
const link2 = document.createElement('a');
link1.innerHTML = 'How do I logout?';
link2.innerHTML = "How do I example?";

const container = document.createElement("div");
// You could also use container.innerHTML to set the content.
container.append(link1);
container.append(document.createElement("br"));
container.append(link2);

swal({
    title: 'FAQ',
    content: container
});

向 sweetalert 内容对象添加多个变量

Adding multiple variables to sweetalert content object

javascript

html

sweetalert