代碼解釋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

el = document.getElementById("overlay"); 

搜索與ID您的HTML標記元素=覆蓋

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

設置對象的可見性的風格可見，如果它是之前隱藏的，反之亦然。

el.innerHTML = theTitle; 

將innerHTML屬性設置爲傳入該函數的變量。 innerHTML的實際上是元素的內容和將顯示爲文本在您的網站

其他方法不正是爲元素ID = vindu

Answer 2

此代碼的唯一的一塊不應該是相當自我相同-explanatory被稱爲conditional operator（也稱爲三元）。

有關如何工作的實例，val = test ? 'foo' : 'bar'等同於以下內容：

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