如何反转此 JavaScript 代码？标题</ti...</desc> <question vote="0"> <p>我有一个网页，其中的链接设置为更改页面的背景颜色、链接的颜色和链接文本。这是我的代码：</p> <pre><code><html> <head> <title>Title</title> <script type="text/javascript"> function Lights() { document.body.style.backgroundColor='#000000'; document.getElementById("on").innerHTML="Turn on the lights"; document.getElementById("on").style.color="#00ffff"; } </script> </head> <body style="font-size:200px; text-align:center;"> <a href="javascript:void(0)" id="on" onclick="Lights()">Turn off the lights</a> </body> </html> </code></pre> <p>我想知道当再次单击链接时如何设置 JavaScript 来反转这些语句，以便页面返回到白色背景，文本返回到“关灯”，并且链接返回到较暗的状态蓝色。</p> <p>谢谢你</p> </question> <answer tick="false" vote="3"> <p>您可以使用变量来存储状态并根据该状态进行切换。</p> <pre><code><script type="text/javascript"> var toggle = false; function Lights() { var link = document.getElementById("on"); document.body.style.backgroundColor= toggle ? '#ffffff' : '#000000'; link.innerHTML=toggle ? "Turn off the lights": "Turn on the lights"; link.style.color= toggle ? '#000000': "#00ffff"; toggle = !toggle; } </script> </code></pre> </answer> <answer tick="false" vote="0"> <p>您可以根据类别值切换设置：</p> <pre><code><a ... class="lightsOn" onclick="Lights(this);" ...>Turn off the lights</a> </code></pre> <p>然后：</p> <pre><code>function lights(element) { if (element.className == 'lightsOn') { element.className = 'lightsOff'; // do settings for lights off } else { element.className = 'lightsOn'; // do settings for lights on } } </code></pre> <p>大部分设置可以在 CSS 中分配给类，而不是在函数中硬编码。</p> <p>请注意，按照惯例，以大写字母开头的函数名称是为构造函数保留的，如果您不需要 A，则不应使用 A 元素，请使用具有适当样式的跨度：</p> <pre><code><style type="text/css"> .clickable { cursor: pointer; text-decoration: underline; font-color: blue; } </style> <span class="clickable" ...> ... </span> </code></pre> </answer> <answer tick="false" vote="0"> <p>为什么这个程序不显示反向数字？</p> <h2><i>现代研究院学习者学院</i></h2> var n、t、转； n=parseInt(prompt("请输入一个数字")); 转=0； t=n; 而（t！= 0） { 转数=10*转数+t%10； t=t/10； } document.write("实际数量 = "+ n+"<br/>"); document.write("反转数字 = "+ rev+"<br/>"); </answer> </body></html>