布灵布灵

在介绍区别之前，我想还是有很多人不知道该在什么场景下来应用该css属性吧，那我这里就来说一下我自己经常遇到的场景。相信在开发过程中，很多小伙伴都会遇到这个问题： 聪明的宝宝很快就可以看出来，由于label标签中的文字个数不一样，导致后面的input框不能对齐，这样就显得极其难看…

前言：进来的明天就脱单~据说很灵验哦~哈哈哈，比心心❥(^_-)明天就是儿童节了，作为孩子的我先祝自己节日快乐，我就给自己下场星星雨吧~然后我也祝广大掘友儿童节快乐哈，我们都是可爱滴孩子~介绍：这个下

原理: 原理很简单，我们不用想的很复杂。就是让img的src为空，图片的真实地址可以存储在img一个自定义的属性里，就比如date-src吧，等到目标图片出现在视野了，把data-src里的值赋给src。

（1）document.write("标签的代码及内容")；缺陷：如果实在页面加载完毕后，此时通过这种方式创建元素，那么页面上存在的所有的内容全部被替换掉（因为以上代码执行完毕后按钮不见了）（2）对象

那你可就吃亏了...... 在写一个这样布局的页面时，知道头部的高度，假设为100px,但是侧边栏的高度我不知道该如何设置才能让他刚好为浏览器高度-头部的高度，这个时候我们用calc()就很方便啦。（欢迎大家各抒己见）

但是我这么写没有一点灵活性，希望大佬能够多多指教。

原理：还是排他功能。这个tab栏我用了两个排他功能来实现的。

收下我的小心心！（害羞脸）根据id属性的值获取元素，返回来的是一个元素对象document.getElementById("id属性的值")根据标签名获取元素，返回来的是一个伪数组，里面保存了多个的D

说到这里，很多人容易思维定式，以为点击1,1为绿色，然后点击2，让2变成绿色，再把1变成红色，这样的想法是好的，但是实现起来就太难了。 点击1,1为绿色，然后点击2的时候，其实做了两个操作。 这是因为循环在页面加载完之后就执行完毕了，若有五个btn,则length为5，但是i的…