2013年6月26日

摘要: ----------------------------js操作DOM------------------------节点创建节点增加节点删除节点修改(替换)创建节点:元素节点 例:文本节点 例:“我是文本”属性节点 例:创建元素节点:document.createElement("标签名称");创建文本节点:document.createTextNode("文字内容");节点的增加:找到其父元素,调用父元素.appendChild(新节点);想指定插入在父元素的某个子元素之前,找到父元素,找到定位的子元素调用 父元素.insertBefore(新节点, 阅读全文
posted @ 2013-06-26 17:06 阿土白白 阅读(194) 评论(0) 推荐(0) 编辑
 
摘要: 在css中的属性,与Js中控制相应的属性,名称有一个对应关系如background---->style.background;这种情况js的属性与css的属性名相同即可如果形如margin-left font-size这种中间有“-”的css属性,用js来控制时,则属性名变为marginLeft fontSize规律为:把css属性中的“-”去掉,并把“-”后的首字母大写注意:有一个例外控制元素的类名称时,不用obj.class而是用obj.className 阅读全文
posted @ 2013-06-26 16:50 阿土白白 阅读(167) 评论(0) 推荐(0) 编辑
 
摘要: tab切换相册效果字体大中小表格隔行换色 阅读全文
posted @ 2013-06-26 16:24 阿土白白 阅读(177) 评论(0) 推荐(0) 编辑
 
摘要: DOM事件:就是指当页面上发生某一件事时候,激发某一个函数,相当于“监听/触发设备”声明事件的方式:元素被单击,用onclick来激发一个函数元素失去焦点时,用onblur事件表单被提交时,用onsubmit事件DOM事件如何声明:1、直接在元素标签中声明2、给事件属性附上一个函数变量例:inputobj.onclick=fun;主要的DOM事件:DOM事件可以归为3类1、页面上的变化引起的,比如失去焦点,关闭页面、页面加载时;2、鼠标变化引起的,比如鼠标经过、鼠标单击、鼠标离开;3、键盘事件,比如表单提交、内容被改变,其中onsubmit事件比较特殊,在这样函数return false时,才 阅读全文
posted @ 2013-06-26 11:15 阿土白白 阅读(165) 评论(0) 推荐(0) 编辑
 

2013年6月25日

摘要: 删除节点:当你找到某个节点,以nodeN为例,你是无法调用nodeN.xxx()方法把其删掉必须得站在其父节点的高度,通过removeChild才能删除父节点.removeChild(待删除的子节点)节点的替换:先创建一个新节点准备,再找到要被替换的旧节点然后到旧节点的父节点上去,站在父节点的高度上父节点.replaceChild(新节点,旧节点);直接插入html内容(不是w3c的标准,但是主流浏览器支持,而且非常好用)innerHTML属性节点的innerHTML属性是可读可写的读:是把某个节点的内部html代码读取出来如果赋值,则相当于把节点的html代码更新 阅读全文
posted @ 2013-06-25 18:14 阿土白白 阅读(248) 评论(0) 推荐(0) 编辑
 
摘要: 节点的增加1、要增加什么样节点?2、增加在哪儿?假设在body里container的div 里,增加一个p标签,那就要先做一个p节点,然后把做出来的p节点放到div里去创建元素节点:document.createElement;创建文本节点:document.createTextNode;给某元素插入一个子元素,并且插在最后节点.appendChild(追加子元素)不仅可以创建节点,还可以复制/克隆一个节点oldNode.cloneNode(true/false); //代表克隆节点,并同时克隆/不克隆子节点 阅读全文
posted @ 2013-06-25 16:58 阿土白白 阅读(189) 评论(0) 推荐(0) 编辑
 

2013年6月24日

摘要: 图片切换的相册效果新闻/军事/时尚--->tab切换效果注册表单:检查“用户名没输入”等效果特效就是DOM操作的具体应用DOM操作就是用js来写html代码节点/元素/标签如何操作DOM对象?对DOM操作修改---->先找到这个节点删除---->先找到这个节点添加---->先造出一个节点,然后插入,插入到哪儿?--->找节点来定位DOM节点的“查找”1、document.getElementById:根据id来查找节点,返回的是“节点”本身2、document.getElementsByTagName:通过标签来查找节点,返回“数组”3、document.getE 阅读全文
posted @ 2013-06-24 17:28 阿土白白 阅读(191) 评论(0) 推荐(0) 编辑
 
摘要: 在Js中,所有的变量,都可以被js引擎包装成“对象”来操作比如:str="abcd";//字符串本身是没有length属性的但是如果你去调用str.length,在调用前的一瞬间,js执行引擎,会把他包装一下,当成一个对象来处理,并且给这个赋了一些属性和方法对于字符串,布尔型,数值类型,数组,null以及math,这些变量虽然没有属性,但是在调用的前一瞬间,js会为他们包装一些属性和方法。还有一些系统内置对象,是通过new得来的,当然也拥有属性和方法,比如日期/时间对象,用的时候,必须先通过new来得到一个对象,然后再调用对象的方法和属性 阅读全文
posted @ 2013-06-24 13:41 阿土白白 阅读(139) 评论(0) 推荐(0) 编辑
 

2013年6月21日

摘要: 对象和数组的本质一样,都是组织的“一堆数据”,只不过对象的下标不为数字且无序创建一个对象:和创建数组的"[]"不一样,创建对象用()和创建数组直接放置值不一样,创建对象时值前面还要加“属性”创建语法:(属性1:值1,属性2:值2)对象单元值的引用obj.属性 或者 obj['属性'];对象如何遍历?因为对象的属性和数组下标不一样,数组的下标是从0开始,而且是有规律的递增,因此可以用for循环来遍历,而对象的属性是没有规律的,用for in 结构来遍历for(per in obj){ xxxxx}注意在for in结构中,利用循环得到的属性,取值时,不能用ob 阅读全文
posted @ 2013-06-21 17:47 阿土白白 阅读(165) 评论(0) 推荐(0) 编辑
 

2013年6月9日

摘要: 数组:就是一组变量的集合数组的创建:var arr = [];var arr = new Array();var arr = ['a','b','c','d'];var arr = new Array('a','b','c','d');创建一定长度但无内容的数组var arr = new Array(10);数组每个单元都有一个唯一的“下标/索引”,从0编号,编到length-1;数组单元值的读取可以凭数组的索引值来确定即arr[index]这种形式来读取数组的遍历f 阅读全文
posted @ 2013-06-09 17:35 阿土白白 阅读(85) 评论(0) 推荐(0) 编辑