イベントの後にhidden divをロードする（ファイルをロードする）

-1

fileInputの入力を使用して2つのファイルをロードした後、いくつかのdiv（tittletextbox1、tittletextbox2、textbox1およびtextbox2）を表示したいとします。イベントの後にhidden divをロードする（ファイルをロードする）

しかし、ファイルが完全に読み込まれると、divを非表示にしてdivを表示する方法がわかりません。

<body> 
    <input id="fileInput" placeholder=":input" type="file" size="50" onchange="processFiles(this.files)" multiple> 
    <div id="fileOutput"> 
     <h2><center>DASHBOARD</center></h2> 
     <div> 
      <div id="tittletextbox1"><img src="images/computer.png" style="vertical-align: middle;"> Basics</div> 
      <div id="tittletextbox2"><img src="images/network.png" style="vertical-align: middle;"> Networking</div> 
     </div> 
     <div> 
      <div id="textbox1"></div> 
      <div id="textbox2"></div> 
     </div> 
    </div>

出典

2016-05-25 Gera

投稿してください可能性があり、負荷にdisplay: none;

その後、あなたのJavaScriptとあなたは絶対に、積極**行うCSS – j08691

は、私はあなただけ

$('.hidden-div').removeClass('hidden-div');

出典

2016-05-25 20:42:58 lupos

ある.hidden-divのようにそれらをすべてのクラスを与えるだろう** jqueryが必要ではなく、要素からクラスを削除するだけです。 [querySelectorAll]（https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll）と要素の[classlist]（https://developer.mozilla.org/）を使用できます。 en-US/docs/Web/API/Element/classList）を使用します。 – zero298

質問の質を考えると、安全な賭けのように思えました。純粋なjsバージョンを追加するつもりですが、私は質問に答えても肯定的ではありません。 – lupos

イベントの後にhidden divをロードする（ファイルをロードする）

答えて

関連する問題