向 sweetalert 内容对象添加多个变量
Adding multiple variables to sweetalert content object
我知道可以使用 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>
尝试创建一个 <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
});
我知道可以使用 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>
尝试创建一个 <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
});