js获取json元素数量的方法.pdf

j s获取j son元素数量的⽅法 本⽂实例讲述了j s获取j son元素数量的⽅法。分享给⼤家供⼤家参考。具体实现⽅法如 下： 码如下: script var keleyijson={plug1:myslider,plug2:zonemenu,plug3:jav function JSONLength(obj) { var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) size++; return size; ; document.write(json对象的元素个数是：+JSONLength(keleyijson)); /script 效果如下： j son对象的元素个数是：3 JavaScript获取元素尺⼨和⼤⼩操作总结 本⽂总结了使⽤JavaScript获取指定元素⼤⼩、位置的⼏种⽅式。如果你⽤的是 JQuery ，则获取元素⼤⼩是⾮常简单的。但是我们还是有必要知道如何通过原⽣ JavaScript来获取,需要的朋友可以参考下。 ⼀、获取元素的⾏内样式 码如下: var obj = document.getElementById(test); alert(obj.height + \n + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 ⼆、获取计算后的样式 码如下: var obj = document.getElementById(test); var style = null; if (window .getComputedStyle) { style = window .getComputedStyle(obj, null); // ⾮IE else { style = obj.currentStyle; // IE alert(width= + style.width + \nheight= + style.height); 注意：如果不设置元素的宽度和⾼度，那么在⾮IE浏览器下返回默认的宽度和⾼度。 在IE下⾯返回auto字符串 三、获取link和style标签 ⼊的样式 码如下: var obj = document.styleSheets[0]; // [object StyleSheetList] 样式 if (obj.cssRules){ rule = obj.cssRules[0]; // ⾮IE [object CSSRuleList] else { rule = obj.rules[0]; // IE [object CSSRuleList] alert(rule.style.width); cssRules(或rules)只能获取到内联和链接样式的宽和⾼，不能获取到⾏内和计算后的样 式。 总结：以上的三种CSS获取元素⼤⼩的⽅法，只能获取元素的CSS⼤⼩，却⽆法获取 元素本⾝实际的⼤⼩。⽐如加上了内边距、滚动条、边框之类的。 四、获取元素的实际⼤⼩ 1. clientWi th和clientHeight 这组属性可以获取元素可视区的⼤⼩，可以得到元素内容及内边距所占据的空间⼤ ⼩。返回了元素⼤⼩，但没有单位，默认单位是px ，如果你强⾏设置了单位，⽐如 100em之类，它还是会返回px的⼤⼩。(CSS获取的话，是照着你设置的样式获取) 。对 于元素的实际⼤⼩，clientWi th和clientHeight理解⽅式如下： a. 增加边框，⽆变化； b . 增加外边距，⽆变化； c . 增加滚动条，最终值等于原本⼤⼩减去滚动条的⼤⼩； . 增加内边距，最终值等于原本⼤⼩加上内边距的⼤⼩； 码如下: div id=test/div #test{ background-color: green; width: 200px; height: 200px; border: solid 5px red; /* 对应a理解，结果：200,200 */ margin: 10px; /* 对应b理解，结果：200,200*/ padding: 20px; /* 对应c理解，结果：240,240*/ overflow : scroll; /* 对应d理解，结果：223,223，223=200