javascript - 如何将按钮更改为可单击的文本，以执行与按钮相同的操作

Question

我想将一个按钮更改为可点击的文本，该文本与按钮的功能相同!

我尝试过 Google、StackOverFlow 和 Youtube。

这是按钮，

  <button onclick=" mainApp.logOut()">logOut</button>

我希望有人能告诉我一种方法，可以将这段代码变成可点击的文本!

Answer 1

将要应用点击事件的所需 text 包装在标签中，即 p 标签或 span 标签并添加 点击监听器。

document.querySelector('span[role="button"]')
    .addEventListener('click', function()  {
        // call to logout function
        console.log('Listening');
    });

.button { cursor:pointer; text-decoration:underline }

<span class="button" role="button">logout</span>