let delButton = document.createElement('el-button')怎么去将这个按钮改成图标

在JavaScript中，创建一个带有图标的按钮通常需要结合HTML和CSS来实现。`document.createElement`方法用于创建一个新的元素节点，但创建的是一个空的HTML元素，并没有为其添加任何样式或图标。要实现带有图标的按钮，你可以按照以下步骤操作：

1. 使用`document.createElement`创建一个新的元素节点。
2. 为该节点添加必要的类名或内联样式，以指定图标的样式。
3. 将图标添加到按钮中，通常使用`<i>`标签（在某些框架中可能使用`<icon>`或自定义标签）。
4. 通过CSS为图标设置合适的图标字体或背景图片。

假设你使用的是Font Awesome图标字体，下面是一个简单的示例：

// 创建一个按钮元素
let delButton = document.createElement('button');
delButton.classList.add('icon-button'); // 添加类名以应用样式

// 创建一个<i>元素用于显示图标
let iconElement = document.createElement('i');
iconElement.classList.add('fa', 'fa-trash'); // 添加Font Awesome图标类名

// 将<i>元素添加到按钮中
delButton.appendChild(iconElement);

// 将按钮添加到文档中或指定的位置
document.body.appendChild(delButton);

对应的CSS样式可能如下：

.icon-button {
  display: inline-block;
  padding: 10px;
  /* 其他样式 */
}

/* Font Awesome图标样式 */
.fa-trash {
  color: red;
  /* 其他图标样式 */
}