Javascript 将鼠标悬停在其中一个按钮上以交换两个按钮的标签？
我做了两个钮扣 对 不 我想要的是，当我悬停在“否”按钮上时，按钮交换，而不是按钮，文本交换 我可以用onclick事件来实现这一点，但是没有“onhover”这样的东西。我想让您向我展示如何仅使用HTML、CSS和香草JavaScript来实现这一点。您可以使用一个简单的JavaScript函数来实现这一点 请参阅我的代码以获得更多理解 功能切换器{ var y=document.getelementsbyclassnamewo； 对于i=0；iJavascript 将鼠标悬停在其中一个按钮上以交换两个按钮的标签？,javascript,html,css,Javascript,Html,Css,我做了两个钮扣 对 不 我想要的是，当我悬停在“否”按钮上时，按钮交换，而不是按钮，文本交换 我可以用onclick事件来实现这一点，但是没有“onhover”这样的东西。我想让您向我展示如何仅使用HTML、CSS和香草JavaScript来实现这一点。您可以使用一个简单的JavaScript函数来实现这一点 请参阅我的代码以获得更多理解 功能切换器{ var y=document.getelementsbyclassnamewo； 对于i=0；ibut.textContent=but.tex
使用委托，我们可以在一个forEach中切换每个按钮-注意，我使用[…]扩展符号来允许较旧版本的较新浏览器也可以使用Edge 16我正在看你： const switchName=e=>{ 常数tgt=e.target； 如果tgt.tagName！==按钮返回；//仅在触摸按钮时切换 […e.currentTarget.querySelectorAllbutton] .forEachbut=>but.textContent=but.textContent==True？False:True； }; document.querySelector.container.addEventListenermouseover，开关名 document.querySelector.container.addEventListenermouseout，开关名称 分区集装箱{ 填充：15px； 背景色：青色； 宽度：200px； 文本对齐：居中； } .容器按钮{ 利润率：10px； } 符合事实的 错误的
请访问，看看有什么和。做一些研究，搜索相关话题等；如果你被卡住了，发布一篇你的尝试，记下输入和预期输出，最好是写在一篇“你为什么要这样做？”@ksav Why not？在我看来，这并不是一个X/Y问题。嗯，我可能弄错了，但这看起来像是OP试图欺骗用户点击他们不想点击的东西。请注意，这不是欺骗用户，这只是朋友之间的恶作剧。不管怎样，我从第二个答案中找到了一点帮助。这里的代码笔链接，请访问，看看有什么和。做一些研究，搜索相关话题等；如果你被卡住了，发布一篇你的尝试，记下输入和预期输出，最好是写在一篇“你为什么要这样做？”@ksav Why not？在我看来，这并不是一个X/Y问题。嗯，我可能弄错了，但这看起来像是OP试图欺骗用户点击他们不想点击的东西。请注意，这不是欺骗用户，这只是朋友之间的恶作剧。不管怎样，我从第二个答案中找到了一点帮助。这是代码笔链接，您的代码只更改一个按钮不，它适用于n个按钮，而OP希望两个按钮都更改。将鼠标移到“真”上，它会变为“假”，而“假”会变为“真”——请看我的答案哦，对不起，我不善于理解problem@SandrinJoy我从您的第一个代码中得到了一些想法，并找到了解决方案。检查这个，你的代码只更改一个按钮否，它适用于n个按钮。操作希望两个按钮都更改。将鼠标移到“真”上，它会变为“假”，而“假”会变为“真”——请看我的答案哦，对不起，我不善于理解problem@SandrinJoy我从您的第一个代码中得到了一些想法，并找到了解决方案。看看这个，但是，当你从一个按钮切换到另一个按钮时，这不会切换文本。切换发生在你输入父div时。实际上，这不会有用，不是吗？@SandrinJoy你是对的。我已经更新了我的答案是的，也感谢你，我只因为你才理解这个问题。但是，当你从一个按钮切换到另一个按钮时，这不会切换文本。切换发生在你输入父div时。实际上，这不会有用，不是吗？@SandrinJoy你是对的。我已经更新了我的答案是的，也感谢你，我理解这个问题仅仅是因为你