CSS - セレクタの使用が間違っていますか？

Question

これは私が今jQueryで持っているコードです。 1.fiddle.私がしたいのは、 jQueryなしで同じシナリオを作成することです。これは私が終わったところです。 2. fiddle.
誰でも私がここで間違ったことを指摘できますか？ （私の考える限り、問題はCSS Selectorsです）

ありがとうございます。

Answer 1

HTMLの.hide()メソッドはありません。要素を非表示にするには、displayスタイルをnoneに設定します。

setTimeout(function() 
{ 
    document.getElementById("blocker").style.display = "none"; 
}, 3000); 

また、オリジナルのCSSはjQueryなしでも動作します。

Answer 2

以下を試してください。ネイティブのjavascriptにhide()を使用しないでください。

setTimeout(function() 
{ 
    document.getElementById("blockid").style.display = "none"; 
}, 1000); 

Answer 3

native javascriptには関数hide（）はありません。 hide()関数を次の行に置き換えます。

document.getElementById("blocker").style.display = 'none';