javascript - 是什么 ? JavaScript 以及它是如何工作的?

标签 javascript html

这行 JavaScript 代码是什么 x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";"在下面编写的程序中?

   <!DOCTYPE html>
   <html>
   <body>

   <p>In this example, the setInterval() method executes the setColor()       function once every 300 milliseconds, which will toggle between two background   colors.</p>

   <button onclick="stopColor()">Stop Toggling</button>

   <script>
   var myVar = setInterval(function(){ setColor() }, 300);

   function setColor() {
   var x = document.body;
   x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :    "yellow";
   }

   function stopColor() {
   clearInterval(myVar);
   }
   </script>

  </body>
  </html>

最佳答案

这是 ternary operator .

condition ? expr1 : expr2

这与:

相同
if (condition) expr1;
else expr2;

所以在你的情况下:

x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow"

相当于:

if (x.style.backgroundColor == "yellow")
    x.style.backgroundColor = "pink";
else x.style.backgroundColor = "yellow";

关于javascript - 是什么 ? JavaScript 以及它是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36688334/

相关文章:

javascript - 输入标签未正确附加到 div 内。

javascript - 如何在提交表格之前以 Rails 表格进行条纹收费

javascript - 根据选择打印值

javascript - 如何使菜单链接返回到索引页面并滑动到特定高度?

javascript - 检查是否支持 <a href ="tel:5555555">

java - 如何在selenium 2中使用javascript执行器将鼠标悬停?

javascript - 如何在 v-text 中使用条件运算符作为 Vue.Js 组件?

javascript - 如何以与单击按钮并按 'enter' 相同的方式提交表单

javascript - 更改图库功能

javascript - 通过类名获取祖先