如何更改JS中的布尔值？

Question

我试图让一个按钮有两个功能：

function bigfont() 
{var font_is_small = true 
if (font_is_small = true) 
{document.getElementById('one').className= 
document.getElementById('one').className.replace("font1","font2"); 
document.getElementById('two').className= 
document.getElementById('two').className.replace("font1","font2"); 
document.getElementById('three').className= 
document.getElementById('three').className.replace("font1","font2"); 
document.getElementById('four').className= 
document.getElementById('four').className.replace("font3","font4"); 
font_is_small = true;} 
if(font_is_small = false) 
{document.getElementById('one').className= 
document.getElementById('one').className.replace("font2","font1"); 
document.getElementById('two').className= 
document.getElementById('two').className.replace("font2","font1"); 
document.getElementById('three').className= 
document.getElementById('three').className.replace("font2","font1"); 
document.getElementById('four').className= 
document.getElementById('four').className.replace("font4","font3"); 
font_is_small = true;}}  

但变量不发生改变。有人能帮助我吗？

Answer 1

要改变一个布尔值，它的相对值可以使用否定（!），例如x = !x装置“设置x到false如果它是truthy或true如果它是falsy”。
如果你想要的功能，以大，小字体之间切换的最简单方法是TE变量放在函数之外：
http://jsfiddle.net/zvoeLu9p/

var font_is_small = true; 
function bigfont() 
{ 
    font_is_small = !font_is_small; // switch the boolean 
    if (font_is_small){ // no need for == true 
     document.body.className= 
     document.body.className.replace("font1","font2"); 
    } 
    else { // no need for if condition 
     document.body.className= 
     document.body.className.replace("font2","font1"); 
    } 
}  

Answer 2

但是，您必须将变量font_is_small设置为true，您必须在代码中将其更改为false，否则您不这样做。

Answer 3

这是你的变量创建和赋值的地方，你在if（= means assign）中的等价性，并且你在两个if语句中将它设置为true。 ...尝试...

var font_is_small = true; 

根据您的使用情况，font_is_small应该是全局的，不会在函数中传入或创建。

function bigfont() { 
    if (font_is_small === true) { 
    document.getElementById('one').className="font2": 
    document.getElementById('two').className="font2": 
    document.getElementById('three').className="font2": 
    document.getElementById('four').className="font2": 
    font_is_small = false; 
    } 
    if(font_is_small === false) { 
    document.getElementById('one').className="font1": 
    document.getElementById('two').className="font1": 
    document.getElementById('three').className="font1": 
    document.getElementById('four').className="font1": 
    font_is_small = true; 
    } 
} 

此外，替换，未进行任何显著......我解决这个...这个任务是简单和清晰后想通了两行格式。

Answer 4

你有一个语法错误：

{var font_is_small = true; //<---- right here you forgot a ; 
if (font_is_small == true)//<-- you forgot equal to operators on all if statements 

而且这是什么??? ??！

document.getElementById('two').className= //<--- blank? the program will be doing this: 
document.getElementById('one').className=document.getElementById('one').className.replace("font2","font1");