Javascript 甜蜜警报中的HTML

这个问题已经被回答了好几次，但似乎Sweet Alert已经做出了改变，html:true不再有效，只是尝试添加一个可点击的URL

医生说 HTML不再使用。而是使用内容对象。 但他们并没有提供任何例子

---

下面的代码可以工作，但显示了整个

代码应该可以工作。您现在可以将
内容
与特定的DOM元素一起使用

var el = document.createElement("a");
el.href = "www.stackoverflow.com";
el.innerText = "Click here";
swal("Write something here:", {
  content: el,
});

请在此检查：

如示例所示，您可以将滑块输入传递给警报

这是一把小提琴
Sweet Alert可以为您处理html元素的创建。因此Niladri的答案可以改写为：

swal("Write something here:", {
    content: {
        element: "a",
        attributes: {
            href: "http://www.stackoverflow.com",
            innerText: "Click here"}}});

@Niladri选项适用于Sweet Alert 2

      var form = document.createElement("div");
      form.innerHTML = `
      <span id="tfHours">0</span> hours<br>
      <input style="width:90%;" type="range" name="tfHours" value=0 step=1 min=0 max=25
      onchange="window.changeHours(this.value)"
      oninput="window.changeHours(this.value)"
      ><br>
      <span id="tfMinutes">0</span> min<br>
      <input style="width:60%;" type="range" name="tfMinutes" value=0 step=5 min=0 max=60
      onchange="window.changeMinutes(this.value)"
      oninput="window.changeMinutes(this.value)"
      >`;

      swal({
        title: 'Request time to XXX',
        text: 'Select time to send / request',
        content: form,
        buttons: {
          cancel: "Cancel",
          catch: {
            text: "Create",
            value: 5,
          },
        }
      }).then((value) => {
        //console.log(slider.value);
      });

var form=document.createElement（“div”）；
form.innerHTML=`
0小时



0分钟

`;
游泳({
标题：“请求时间到XXX”，
文本：“选择发送/请求的时间”，
内容:形式,，
按钮：{
取消：“取消”，
捕获：{
文本：“创建”，
数值：5，
},
}
})。然后（（值）=>{
//console.log（slider.value）；
});

我已经创建了一个代码笔，里面有一个甜警报表单数据
 例如：
html:$（''）.html（'CLICK HERE'）
尝试将内容放入
html
属性，而不是
text
属性。看起来您也可以使用jQuery对象。再次从Sweet Alert中删除html，在上搜索html--您可以发布一个示例吗？@user3228114您可以尝试使用
内容
并传递一个自定义dom元素。啊，谢谢Niladri，这是我需要的帮助--很有效！thanks@user3228114如果这个答案对你有效，请标出它。谢谢，欢迎。
      var form = document.createElement("div");
      form.innerHTML = `
      <span id="tfHours">0</span> hours<br>
      <input style="width:90%;" type="range" name="tfHours" value=0 step=1 min=0 max=25
      onchange="window.changeHours(this.value)"
      oninput="window.changeHours(this.value)"
      ><br>
      <span id="tfMinutes">0</span> min<br>
      <input style="width:60%;" type="range" name="tfMinutes" value=0 step=5 min=0 max=60
      onchange="window.changeMinutes(this.value)"
      oninput="window.changeMinutes(this.value)"
      >`;

      swal({
        title: 'Request time to XXX',
        text: 'Select time to send / request',
        content: form,
        buttons: {
          cancel: "Cancel",
          catch: {
            text: "Create",
            value: 5,
          },
        }
      }).then((value) => {
        //console.log(slider.value);
      });