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

此代码中唯一不应该是不言自明的部分称为conditional operator（也称为三元）。

有关其工作原理的示例，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

完全相同

代码说明js

2 个答案: