javascript - 代码解释js

Question

想知道是否有人可以解释这段代码的含义。不同的线条是什么意思和作用？

function overlay(theTitle) {
  el = document.getElementById("overlay");
  el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
  el.innerHTML = theTitle;
}

function vindu(){
  el=document.getElementById("vindu");
  el.style.visibility=(el.style.visibility=="visible")?"hidden":"visible";
}

Answer 1

这段代码中唯一不应该完全不言自明的部分称为条件运算符（也称为三元）。

有关其工作原理的示例，val = test ? 'foo' : 'bar'等效于以下内容：

if (test) {
    val = 'foo';
} else {
    val = 'bar';
}

Answer 2

el = document.getElementById("overlay");

使用 ID=overlay 搜索 html 标记中的元素

el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

如果之前隐藏对象，则将对象的可见性样式设置为可见，反之亦然。

el.innerHTML = theTitle;

将 innerHTML 属性设置为传入函数的变量。innerHTML 实际上是元素的内容，将在您的站点中显示为文本

另一种方法对元素 ID = vindu 完全相同