Javascript 按钮 onclick 更改

Javascript 按钮 onclick 更改

我需要制作一个按钮，当点击执行一个功能，然后在更改之后，就好像它是一个开/关按钮一样，它在每个与 css 一起使用的按钮中执行 2 个功能 1，并且仅使用纯 javascript

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p id="red"> Paragrafo 01</p>

<input type="button"

value= "cor" onclick="mudarred();" />

<script>

function mudarred(){

if()

document.getElementById('red').style.color="red";

else

document.getElementById('red').style.color="blue";

}

</script>

</body>

</html>

HUX布斯

浏览 147回答 2

2回答

繁花如伊

不确定“仅使用纯 JS”classList.toggle()是什么意思，但对此非常有用。我还建议您将样式保留在 CSS 中，而不是 JS 或 HTML。const buttonElement = document.querySelector('.js-toggle-button')const paragraphElement = document.querySelector('.js-paragraph')buttonElement.addEventListener('click', () => {  paragraphElement.classList.toggle('paragraph--off')}).paragraph {  color: red;}/* Overrides because of specificity */.paragraph--off {  color: blue;}<p class="js-paragraph paragraph">Paragraph</p><button class="js-toggle-button">Toggle</button>

0

0

有只小跳蛙

我修改了你的 jsfidle检查这个let firstCall = true;function mudarred(){    if(firstCall){        document.getElementById('red').style.color="red";        firstCall= false;    }else{        firstCall=true;        document.getElementById('red').style.color="blue";    }}

0

0

随时随地看视频慕课网APP

相关分类

JavaScript