如果跨度没有类,则禁用按钮

如果 span 没有“隐藏”类,我需要禁用按钮,如果有这个类则启用。


我无法更改按钮的 id,但可以更改按钮的类别,以及跨度的 id 和类别


function myFunction() {

  if ($("#error-msg").hasClass("hide")){

  document.getElementByClassName("f-btn").disabled = false;

} else {

 document.getElementClassName("f-btn").disabled = true;


}}

<span id="error-msg" class="hide">Text</span>


<button class="f-btn">Try it</button>


茅侃侃
浏览 92回答 3
3回答

白衣非少年

用于document.querySelctor()选择元素。你可以试试这个-const span = document.querySelector('#error-msg');const btn = document.querySelector('.f-btn');if (span.classList.contains('hide')) {&nbsp; btn.disabled = false;} else {&nbsp; btn.disabled = true;}<span id="error-msg" class="hide">Text</span><button class="f-btn">Try it</button>

潇潇雨雨

function myFunction(){&nbsp; if ($("#error-msg").hasClass("hide")){&nbsp; document.getElementsByClassName("f-btn")[0].disabled = false;} else {console.log('false');&nbsp;document.getElementsByClassName("f-btn")[0].disabled = true;}}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><span id="error-msg"&nbsp; class=>Text</span><button class="f-btn" onclick='myFunction()'>Try it</button>

PIPIONE

这是您的代码的一些更改及其在 span 禁用类“隐藏”时的工作 false<!DOCTYPE html><html><body><span id="error-msg" class="hide qdasd">Text</span><button class="f-btn" onclick='myFunction()'>Try it</button><script>function myFunction() {var checkHide = document.getElementById("error-msg").classList.value&nbsp; if (checkHide.includes("hide")){&nbsp; document.getElementsByClassName("f-btn")[0].disabled = false;&nbsp; console.log(document.getElementsByClassName("f-btn"))} else {&nbsp;document.getElementsClassName("f-btn")[0].disabled = true;}}</script></body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript