帮我写一个点击按钮弹出图文对话框的代码

当您点击按钮时，弹出一个图文对话框，您可以使用以下代码实现：

<button id="myButton">点击我弹出图文对话框</button>

<script>
  document.getElementById("myButton").addEventListener("click", function() {
    var dialog = document.createElement("dialog");
    var img = document.createElement("img");
    var text = document.createElement("p");
    
    img.src = "image.jpg"; // 设置图片的路径
    text.textContent = "这是一个图文对话框"; // 设置文本内容
    
    dialog.appendChild(img);
    dialog.appendChild(text);
    
    if (typeof dialog.showModal === "function") {
      dialog.showModal();
    } else {
      alert("浏览器不支持对话框功能");
    }
    
    dialog.addEventListener("click", function() {
      dialog.close();
    });
  });
</script>

在这个例子中，我们首先创建了一个按钮，然后使用JavaScript添加了一个点击事件监听器。当按钮被点击时，我们创建了一个`<dialog>`元素，并向其中添加了一个图片和一段文本。然后，我们使用`showModal()`方法显示对话框。如果浏览器不支持`<dialog>`元素的`showModal()`方法，那么将会弹出一个警告框。最后，我们为对话框添加了一个点击事件监听器，当对话框被点击时，会关闭对话框。

请记得将`image.jpg`替换为实际图片的路径，并根据需要修改文本内容。