将HTMLCollection/NodeList/伪数组转换成数组

摘要： 这里把符合以下条件的对象称为伪数组（ArrayLike）1，具有length属性2，按索引方式存储数据3，不具有数组的push,pop等方法如1，function内的arguments 。2，通过document.forms，Form.elements，document.styleSheets, S... 阅读全文
posted @ 2011-03-12 17:15 snandy 阅读(10854) 评论(9) 推荐(8)

IE6/7和IE8/9（怪异模式）浮动元素折行Bug

摘要： 网页设计中，我们经常需要设置一个元素向左或向右浮动。如<!DOCTYPE HTML><html><head> <title>IE6/7和IE8/9（怪异模式）浮动元素折行Bug</title> <meta charset="utf-8"></head><body><div style="width:300px;border:1px solid gray;padding:5px;"> <input type="text" / 阅读全文
posted @ 2011-03-12 15:52 snandy 阅读(2496) 评论(5) 推荐(0)

巧用cssText属性批量操作样式

摘要： 给一个HTML元素设置css属性，如var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";这样写太罗嗦了，为了简单些写个工具函数，如function setStyle(obj,css){ for(var atr in css){ obj.style[atr] = css[atr]; }}var head= document 阅读全文
posted @ 2011-03-12 08:25 snandy 阅读(31005) 评论(12) 推荐(13)

判断元素是否为HTMLElement元素

摘要： 我们经常使用nodeType==1判断元素是否是一个HMTLElement元素。页面上的元素都是节点(Node)，有元素节点(Element Node)、属性节点(Attribute Node)、文本节点(Text Node)等。w3c nodeType 的定义如下const unsigned short ELEMENT_NODE = 1; const unsigned short ATTRIBUTE_NODE = 2; const unsigned short TEXT_NODE = 3; const unsigned short CDATA_SECTION_NODE = 4; const 阅读全文
posted @ 2011-03-12 07:11 snandy 阅读(7127) 评论(4) 推荐(1)