摘要:
写了将近两天了,不断的测试,不断的改,终于还是写出来了。高手请勿见笑。确实花了不好时间,囧~~~现在来说一下这些撇脚代码(还可以大大的优化)的功能描述,第一个是修改元素的样式即元素的style方法,传入的style可以是对象,也可以是字符串。有自己的格式。如果元素已经有定义过的样式,比如说已经定义过boder了,现在又传入一个border,那么新添加的样式会覆盖掉原有样式。别问我为什么要用这么麻烦的代码去覆盖,而不是直接添在样式属性的最后面。答案很简单,重复的东西,让我看了不爽~~—_—~~然后第二个方法添加的元素的class,即元素的样式类。如果类名重复,将只留一个。然后,然后就没啦~~后面 阅读全文
摘要:
function addClass(currNode, newClass){ var oldClass,newClass; oldClass = currNode.getAttribute("class") || currNode.getAttribute("className"); if(oldClass !== null) {oldClass = oldClass.split(" ");newClass = newClass.split(" ");newClass = mergeArray(newClass,o 阅读全文
摘要:
//It's merge arr1 and arr2 , delete the same element only leave one //It's only apdapter array. If object, no. //The sequence of the two array is not required. mergeArray:function (arr1, arr2){ for (var i = 0 ; i < arr1.length ; i ++ ){ for(var j = 0 ; j < arr2.length ; j ++ ){ if (arr 阅读全文
摘要:
window.onload = function(){setStyle(document.getElementById('box'),"color:#336699;font-weight:bold"); };//可以传字符串,也可以传对象格式:{color:"#FF0000",fontWeight:"bold"}//请注意连接样式的写法fontWeight不能写成font-weight或者font-Weightfunction setStyle(currNode, oStyle){ var cssText = curr 阅读全文
摘要:
在ff和ie下对display的属性(block/none)解释不同,一般在IE下可以使用display=none/block来设定一个元素是否显示,但是在FireFox下用Block是不可用的。在FireFox则需要使用display=none/table-row来解决,或者使用 display=none/ ,即block位置为空,比如:style="display:block"改为style="display:table-row" 或style="display:"用js控制的时候 document.getElementById( 阅读全文