從我的JavaScript代碼更改div樣式

Question

可以通過在我的代碼上添加一些對我有用的代碼來幫助我，這是我需要的..

我的完整代碼在這里http://jsfiddle.net/2urmku1h/

在這里我需要改變

<div style="display:none;">Change style of this div to Block fro js above</div> 

這是我的部分js代碼，我需要一些如何工作

function startChecking() {
    secondsleft -= 1e3;
    document.querySelector(".load_video").innerHTML = "Please Wait.. " + Math.abs(secondsleft / 1e3) + " Seconds";
    if (secondsleft == 0) {
        clearInterval(interval);
        document.querySelector(".load_video").style.display = "none";
        document.querySelector(".frame_src").style.display = "";
        document.querySelector(".frame_src").src = document.querySelector(".frame_src").getAttribute("data-src")
    }
}

function startschedule() {
    clearInterval(interval);
    secondsleft = threshold;
    document.querySelector(".load_video").innerHTML = "Please Wait.. " + Math.abs(secondsleft / 1e3) + " Seconds";
    interval = setInterval(function() {
        startChecking()
    }, 1e3)
}

function resetTimer() {
    startschedule()
}
var timeout, interval;
var threshold = 1e4;
var secondsleft = threshold;
window.onload = function() {
    startschedule()
}

我需要的是，如果我單擊其中一個視頻鏈接，它將停止倒數計時，無論是還剩5秒還是任何時間，它都將停止倒計時並隱藏此div <div class="load_video"></div>

並顯示iframe 但是我想要它，當我單擊其中一個按鈕時，它確實隱藏了load_video div並顯示了iframe，但是我也希望它將這個<div style="display:none;">Change style of this div to Block fro js above</div>更改為<div style="display:none;">Change style of this div to Block fro js above</div>顯示為阻止。

希望你們明白

Answer 1

您可以通過多種方式選擇要引用的div元素。 為了簡單起見，假設您將一個ID添加到div ...

<div id="modifyMe" style="display:none;">Change style of this div to Block fro js above</div>

...然后在您希望將div更改為顯示塊的位置添加以下代碼。

jQuery解決方案：

$('#modifyMe').show();

沒有jQuery：

document.getElementById('modifyMe').style.display = 'block';