Javascript 可以在一个按钮上分配两个功能吗？

我正在创建一个简单的文字处理器，用户可以在专用文本区域中输入任何文本，然后按下三个按钮，这三个按钮将使文本加粗、斜体和下划线。到目前为止，我已经设法做到了这一点，但是如果再次单击按钮，它必须撤消更改

即使在onclick中插入两个函数，我似乎也无法解除文本绑定

函数myFunctionBold{ document.getElementByIddemo.style.fontWeight=粗体； } 函数MyFunctionUnbled{ document.getElementByIddemo.style.fontWeight=正常； } 函数myFunctionItalic{ document.getElementByIddemo.style.fontStyle=斜体； } 函数myFunctionUnderline{ document.getElementByIddemo.style.textDecoration=下划线； } .按钮黑体{ 高度：21px； 光标：指针； 显示：内联块； 保证金：5px4px； 字体大小：粗体； } 钮扣{ 高度：21px； 光标：指针； 显示：内联块； 保证金：5px4px； 字体：斜体； } .按钮底线{ 高度：21px； 光标：指针； 显示：内联块； 保证金：5px4px； 文字装饰：下划线； } 这是一个简单的文字处理器。 在文本区域键入一些文本，然后按按钮！

在此处输入文本： 大胆的

斜体

下划线

---

通常应避免使用内联javascript。更简洁的方法是使用单独的脚本和addEventListener，这样您就可以轻松地分配任意多的函数：

var btn=document.getElementById'btn'； btn.addEventListener'click'，完成此操作； btn.addEventListener'click'，doThat； 功能点{ 他做到了这一点； } 函数doThat{ 他做到了这一点； }

---

单击您不需要在单击时调用两个函数，您可以在一个函数中逻辑连接它

function toggleBold() {
    if(document.getElementById("demo").style.fontWeight == "bold"){
        document.getElementById("demo").style.fontWeight = "normal"
    }else{
    document.getElementById("demo").style.fontWeight = "bold"
    }
}

此功能将切换为粗体

---

演示：

只需测试一下……不。只能分配一个功能。该函数应切换效果检查，以检查应用了哪个效果，并应用其他效果。是的，您可以。根据你帖子中的代码，myFunctionBold和myFunctionUnBold都应该被调用，当然这不是实现你想要做的事情的正确方法。但是为什么呢？