<button type="button" class="el-button el-button--textel-button--smal1"> <span>禁用</span></button> 获取禁用两个字

您可以使用 JavaScript 操作 DOM 元素来获取禁用两个字。可以通过以下代码获取：

const button = document.querySelector('.el-button--textel-button--smal1');
const text = button.querySelector('span').textContent;
console.log(text); // 输出：禁用

这里假设您已经将 HTML 代码添加到页面中。如果您需要动态生成 HTML 代码，可以使用 JavaScript 的 DOM 操作方法来创建和添加元素。

相关问题

使用 inserted 方法时怎么获取 <button type="button" class="el-button el-button--textel-button--smal1"> <span>禁用</span></button> 中的禁用两个字

可以使用以下代码获取到该按钮中的文字：

button = driver.find_element_by_xpath("//button[@class='el-button el-button--text el-button--small']")
text = button.text
print(text)

这里使用了 `find_element_by_xpath` 方法来获取该按钮元素，然后使用 `text` 属性来获取按钮中显示的文字。输出结果应该为 `禁用`。

vue 使用inserted 可以获取到<button type="button" class="el-button el-button--textel-button--smal1"> <span>禁用</span></button> 中禁用这两个字吗

可以的，你可以使用 `el.innerText` 或者 `el.textContent` 来获取到 `<span>` 标签中的文本内容。具体实现可以参考下面的代码：

Vue.directive('disable-text', {
  inserted: function (el) {
    const span = el.querySelector('span');
    if (span) {
      const text = span.innerText || span.textContent;
      console.log(text); // 输出：禁用
    }
  }
})

然后在你的模板中使用 `v-disable-text` 指令即可：

<button type="button" class="el-button el-button--text el-button--small" v-disable-text> <span>禁用</span></button>