如何使用JS创建Bulma按钮元素而不是HTML <a>

Bulma是一个基于CSS的开源框架，用于构建响应式的网页界面。要使用JS创建Bulma按钮元素而不是HTML <a>，可以通过以下步骤实现：

首先，确保你已经引入了Bulma框架的CSS文件。你可以在Bulma的官方网站上下载并引入该文件。
在HTML文件中，创建一个按钮容器元素，例如一个<div>元素，用于包裹按钮。
在JS代码中，使用document.createElement()方法创建一个按钮元素。指定元素的标签名为<button>。
使用classList属性为按钮元素添加Bulma框架的按钮样式类。例如，可以使用classList.add()方法添加button和is-primary类，其中button类是必需的，而is-primary类是用于指定按钮的主要样式。
使用innerText属性设置按钮的文本内容。
将按钮元素添加到按钮容器元素中，可以使用appendChild()方法将按钮元素作为子元素添加到按钮容器元素中。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="path/to/bulma.css">
</head>
<body>
  <div id="button-container"></div>

  <script>
    // 创建按钮元素
    var button = document.createElement("button");

    // 添加Bulma按钮样式类
    button.classList.add("button", "is-primary");

    // 设置按钮文本内容
    button.innerText = "Click me";

    // 将按钮添加到按钮容器元素中
    var buttonContainer = document.getElementById("button-container");
    buttonContainer.appendChild(button);
  </script>
</body>
</html>

这样，你就可以使用JS创建一个带有Bulma样式的按钮元素，而不是使用HTML <a>元素。请注意，上述示例中的Bulma样式类仅作为示例，你可以根据需要选择不同的样式类来创建不同风格的按钮。