childNodes与nodeType必须结合使用才行 12345678var ul = document.getElementById('ul'); for(var i = 0; i < ul.childNodes.length; i++) { console.log(ul.childNodes[i].nodeType); if(ul.childNodes[i].nodeType 2015年01月23日 13:37:00 developer #原创 #javaScript
网站页面制作的一些规范总结 1.文件命名规范 1) 文件目录、文件名称统一用小写的英文字母、数字、下划线组合,文件名要与表现的内容相近,不到万不得已不要以拼音作为名称,如 登录页面:login.html(不要用 denglu.html)。 2) 目录结构规范:清晰的站点目录结构方便文件的维护和整理,同时对增加搜索引擎的友好度和移植也有着重要的影响。 2.图片制作规范 1) 如果图片作为内容放在html代码 2015年01月23日 13:36:00 developer #html
事件代理 12345678910111213// 由于是动态添加的DOM,所以是不能直接选族取消del做onclick,必须对其存在的父元素做事件代理selectedViewList.onclick = function(e) { // 解决低版本IE浏览器获取不到srcElement e = e || window.event; // 解决火狐浏览器获取不到srcElement 2015年01月23日 13:36:00 developer #原创 #javaScript
关于文档碎片的使用 普通情况下有一个动态添加一个 12345678910111213141516171819202122232425<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& 2015年01月23日 13:36:00 developer #原创 #javaScript
我自己写的ajax 1234567891011121314151617181920212223242526272829;function ajax(mode, url, fnsucc, fnFaild) { // 1.创建一个ajax对象 var oAjax = null; oAjax = window.XMLHttpRequest ? new XMLHttpRequest() 2015年01月23日 13:36:00 developer #原创 #javaScript
动态添加DOM 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g 2015年01月23日 13:33:00 developer #原创 #javaScript
JavaScript数组操作 12345678910111213141516171819202122232425arr1.push(4); // 从尾部添加arr1.pop(); // 从尾部删除arr1.unshift('11'); // 从头部添加arr1.shift(); // 从头部删除var arr2 = [2, 4, 5];var arr = arr1.concat(arr2); // 将数组连 2015年01月23日 13:29:00 developer #原创 #javaScript
封装一个函数getStyle来获取计算后的style的值 123456789101112131415161718192021222324<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns 2015年01月22日 13:28:00 developer #原创 #javaScript
关于火狐下的兼容问题 今天说到一个兼容问题到现在没搞明白,就是火狐下,父级的border:20px solid #ccc;overflow: hidden;会对子级的offsetLeft产生影响?到底为什么呢?不知道啊没想通; 1234567891011121314151617181920212223242526 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 2015年01月22日 13:27:00 developer #原创 #javaScript
Chrome-input-自定义高度和行高后输入文字前光标错位 自从 Google Chrome 37-38 中如果对一个文本输入框定义了height和line-height,并且他们的值相同,那么在输入文字前 Google Chrome 文本输入框的光标会向上移动到输入框的左上方,造成错位,而不是在input中间。以下代码在Google Chrome 37-38里面将会造成input光标上移错位 12345input { height: 16 2015年01月20日 13:27:00 developer #css