-
- 黑项圈 2020-04-26
offsetWidth = 本身宽度 + 内层padding*2 + border*2 + 外层padding*2
- 0赞 · 0采集
-
- 前端沙雕 2018-05-12
offsetWidth = 本身宽度 + 内层padding*2 + border*2 + 外层padding*2
-
截图0赞 · 1采集
-
- huen2013638874 2018-05-04
瀑布流：等宽不等高
- 0赞 · 0采集
-
- huen2013638874 2018-05-04
js:
1、将main下所有class为box的元素取出来
- 0赞 · 0采集
-
- 慕虎7264921 2018-04-09
window.onload=function(){
waterfall('main','box');
}
function waterfall(parent,box){
}
- 0赞 · 0采集
-
- 慕虎7264921 2018-04-09
window.onload=function()
- 0赞 · 0采集
-
- YangY_6 2018-02-03
- parent.document.getElementByTagName("*") //获取parent下的所以子元素标签
-
截图0赞 · 0采集
-
- 潇湘魅 2017-11-20
- 设置mian盒子的宽度，然后居中！
- 0赞 · 0采集
-
- 慕仙5237505 2017-11-18
- 瀑布流js样式:火狐在日志里看console.log(box.length)的长度 ，sublime 在控制台console里
-
截图0赞 · 0采集
-
- 别动我的猫 2017-10-25
- floor ceil round
- 0赞 · 0采集
-
- 你笑什么笑 2017-10-17
- getClass(parent,className); function getClass(parent,clasName){ var boxArr = []; //用来存储获取到的所有class为box的元素 var oElements = parent.getElementsByTagName("*"); for(var i = 0;i<oElements.length; i++){ if(oElements[i].className == clasName){ boxArr.push(oElement[i]); } } return boxArr; }
- 0赞 · 0采集
-
- Zzmkiv 2017-09-19
- XXX.style.cssText以字符串的形式设置css样式
-
截图0赞 · 0采集
-
- 微风灬唐唐 2017-08-15
- XXX.style.cssText以字符串的形式设置css样式
- 0赞 · 0采集
-
- 慕斯5869526 2017-08-13
- 获取父元素下指定类名元素。 1、创建数组 2、获取父元素下所有标签 3、遍历所有标签，若类名恰好与要查找的类名，则加入数组
-
截图0赞 · 0采集
-
- 白小九 2017-07-29
- 图片定位： 1、取出div#main中所有div.box： var oPa = document.getElementById("main"); var oBoxs = oPa.getElementsByClassName("box"); 2、计算整个页面显示的列数： var w = oBoxs[0].offsetWidth; var cols = Math.floor(document.documentElement.clientWidth/w); 3、设置div#main的宽： oPa.style.cssText += "width:" + w*cols + "px;margin:0 auto;";
-
截图0赞 · 0采集
-
- 4个2 2017-07-01
- 瀑布流的父级元素是相对定位其他绝对定位
- 0赞 · 0采集
-
- 田辰睿 2017-06-28
- 大赛的撒多撒多
-
截图0赞 · 0采集
-
- 靥放 2017-05-25
- 取得一个元素里所有class为box的子元素
-
截图0赞 · 0采集
-
- 慕粉木粉 2017-05-12
- (document.documentElement.clientWidth)获取页面宽度
- 0赞 · 0采集
-
- 慕粉木粉 2017-05-11
- 瀑布流每个流都需要pisition:absolute
- 0赞 · 0采集
-
- wshyzx 2017-03-13
- window.screen.availWidth替换document.documentElement.clientWidth
- 2赞 · 0采集
-
- wshyzx 2017-03-13
- obj.style.cssText=“”;这种写法会把原有的cssText清掉,比如原来的style中有’display:none;’,那么执行完上面的JS后,display就被删掉了。
-
截图0赞 · 0采集
-
- wshyzx 2017-03-13
- oElements[i].className == className ，用这种方法判断，欠妥当。 因为现实项目中，className 不止一个，这样就永远没法相等，应该这样判断 oElements[i].className.indexOf(className) > 0
- 3赞 · 0采集
-
- wshyzx 2017-03-12
- 设置main的宽度 oParent.style.cssText = 'width:'+oBoxW*cols+'px;margin:0 auto;';
-
截图0赞 · 0采集
-
- 内心必须强大起来的2B狒狒 2016-12-06
- element.style.cssText
-
截图0赞 · 0采集
-
- 内心必须强大起来的2B狒狒 2016-12-06
- clientWidth 页面宽度
-
截图0赞 · 0采集
-
- 内心必须强大起来的2B狒狒 2016-12-06
- 1、封装获取类函数 2、offsetWidth 3、计算列数
-
截图0赞 · 0采集
-
- 乐趣进步 2016-11-17
- cssText=""+colsw*clos + "px" "
- 0赞 · 0采集
-
- 空之境界丶 2016-11-14
- **offsetWidth属性包括padding在内的宽度，而不是元素的width值** offsetWidth = 内容宽度 + 内边距宽度×2 +边框宽度×2 【不包括外边距margin】 要点： 1.封装瀑布流的函数waterfall 2.封装通过className获取元素集的函数 （原因：因为ie8以下不兼容classname，所以要封装一个函数来获取，如果存在多个className的情况，那么if(oElements[i].className.split(" ").indexOf(className)!==-1){……} 进行判断就OK了。如图） 3.计算一行显示的列数，父级宽度/box的offsetWidth，注意取整Math.floor； var cols = Math.floor(document.documentElement.clientWidth / oBoxWidth); （获取页面可见宽度可能会出现兼容问题，可用var h = window.innerHeight || document.documentElement.clientWidth || document.body.clientWidth; //Width,Height同理） 4.obj.style.cssText ="",以字符串的形式设置多个样式
- 0赞 · 3采集
-
- 慕先生9565729 2016-10-26
- 是是是
- 0赞 · 0采集
数据加载中...