javascript - 事件后加载隐藏的 div(加载文件)

标签 javascript css html dom

我想在使用输入 fileInput 加载 2 个文件后显示一些 div(tittletextbox1、tittletextbox2、textbox1 和 textbox2)。

但是我不知道如何在文件完全加载后隐藏 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>

最佳答案

我会给他们一个像 .hidden-div 这样的类 display: none;

然后在加载时你可以

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

关于javascript - 事件后加载隐藏的 div(加载文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37447002/

相关文章:

javascript - Http 服务工厂在 Angular 中将未定义返回给 Controller

javascript - Angular 2在订阅方法中设置值问题

javascript - 使用 MySql 数据填充 JavaScript 数组

javascript - NodeJs 连接到服务器后对请求进行多次回复

CSS3 动画在悬停时不起作用

javascript - jQuery scrollTop 第一次不滚动

css - Sass 顺序动画

javascript - 在全日历选择回调中停止传播

jquery - 我可以使用这个访问这个复选框吗?

javascript - 单击时用最大值填充输入