原生js怎么添加el-button

在原生的JavaScript中，我们可以通过以下步骤来添加el-button：
1. 首先，获取一个父元素的引用，该父元素将包含el-button。可以通过getElementById()、querySelector()等方法获取到父元素的引用。
2. 使用document.createElement()方法创建一个新的按钮元素。这个方法将会创建一个具有指定标签名的元素节点，并返回对该节点的引用。在这种情况下，我们需要创建一个<button>元素。
3. 为新创建的按钮元素设置class或id，以便能够样式化或定位它。例如，可以使用element.className或element.id属性为按钮元素设置class或id。
4. 创建一个文本节点，将按钮的文本设置为所需的文本内容。使用document.createTextNode()方法创建一个新的文本节点，并使用element.appendChild()方法将其添加到按钮元素中。
5. 将新创建的按钮元素添加到父元素中，这样它将显示在父元素中。使用父元素的appendChild()方法将按钮元素作为子节点添加到父元素中。

以下是一个示例代码，演示了如何使用原生JavaScript添加el-button：

// 获取父元素的引用
var parentElement = document.getElementById("parent");

// 创建一个新的按钮元素
var buttonElement = document.createElement("button");

// 为按钮元素设置class或id
buttonElement.className = "el-button";
buttonElement.id = "button";

// 创建一个文本节点，并将文本设置为按钮的内容
var buttonText = document.createTextNode("点击我");
buttonElement.appendChild(buttonText);

// 将按钮元素添加到父元素中
parentElement.appendChild(buttonElement);

通过按照上述步骤，我们可以使用原生JavaScript向父元素中添加一个el-button。请注意，上述代码仅为示例，并假设已经有一个`id`为`parent`的父元素存在。