js原生如何实现按钮权限

JavaScript 原生并没有提供直接的按钮权限控制，但可以通过以下步骤来实现：

1. 在 HTML 中定义按钮，可以使用 `<button>` 或 `<input type="button">` 标签。

2. 在 JavaScript 中获取按钮元素，可以使用 `document.getElementById`、`document.querySelector` 等方法。

3. 根据用户权限判断是否显示按钮，可以使用条件语句如 `if`、`switch` 等，或者使用三元运算符 `? :`。

4. 根据判断结果设置按钮的样式或属性，例如使用 `element.style.display` 设置按钮的 `display` 属性为 `none` 或 `block`，或者使用 `element.disabled` 设置按钮的 `disabled` 属性为 `true` 或 `false`。

下面是一个简单的示例代码：

HTML：

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>

JavaScript：

// 获取按钮元素
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");

// 根据用户权限判断是否显示按钮
if (hasPermission("button1")) {
  button1.style.display = "block";
} else {
  button1.style.display = "none";
}

if (hasPermission("button2")) {
  button2.disabled = false;
} else {
  button2.disabled = true;
}

其中 `hasPermission` 是一个自定义的函数，用于判断当前用户是否具有对应按钮的权限。具体实现可以根据实际需求来确定。