<script> // 1. 先准备好学生的数据 var datas = [{ name: '张三', subject: 'JavaScript', score: 100 }, { name: '李四', subject: 'JavaScript', score: 98 }, { name: '王五 Read More
<textarea name="" id=""></textarea > <button>发布</button> <ul></ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); var text = document Read More
<script> // 1. 获取元素 var nav = document.querySelector('.nav'); var lis = nav.children; // 得到4个小li // 2. 循环注册事件 for (var i = 0; i < lis.length; i++) { l Read More
①Tab栏切换有2个大的模块 ②上面的选项卡模块，点击某一个，当前这个底色会是红色，其余不变（排他思想），用修改类名的方式 ③下面的模块内容，会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面 ④规律：下面的模块显示内容和上面的选项卡一一对应相匹配。 ⑤核心思路：给上面的tab_list里面的 Read More
① 全选和取消全选做法：让下面所有复选框的checked属性（选中状态）跟随全选按钮即可 ② 下面复选框需要全部选中，上面全选才能选中做法：给下面所有复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没选中的，如果有一个没选中的，上面全选按钮就不选中。 <script> // 1. 全 Read More
<script> // 1. 获取元素，获取的是tbody里面所有的行 var trs = document.querySelector('tbody').querySelectorAll('tr'); // 2. 利用循环绑定注册事件 for (var i = 0; i < trs.length; Read More
<ul class="baidu"> <li><img src="images/1.jpg"></li> <li><img src="images/2.jpg"></li> <li><img src="images/3.jpg"></li> <li><img src="images/4.jpg">< Read More
精灵图的每个小图标的坐标都是有规律的。 <script> // 1. 获取元素，所有的小li var lis = document.querySelectorAll('li'); for (var i = 0; i < lis.length; i++) { // 让索引号乘以44就是每个小li的背景 Read More
<img src="images/s.gif" alt=""> <div>上午好</div> <script> // 根据系统不同时间来判断，所以需要用到日期内置对象 // 利用多分支语句来设置不同的图片 // 需要一个图片，并且根据时间修改图片，就需要用到操作元素src属性 // 需要一个div元 Read More