2012年5月9日
查询、回显 基本功能
摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-09 11:25 小猩猩君 阅读(296) 评论(0) 推荐(0) 编辑
setTimeout与setInterval
摘要： setInterval 1 var num = 0; 2 var max = 10; 3 var intervalId = null; 4 5 function incrementNumber() { 6 num++; 7 8 if (num == max) { 9 clearInterval(intervalId);10 console.log("Done");11 }12 }13 14 intervalId = setInterval(incrementNumber, 500);setTimeout 1 var num = 0; ... 阅读全文
posted @ 2012-05-09 11:23 小猩猩君 阅读(198) 评论(0) 推荐(0) 编辑
向元素添加属性名和属性值
摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-09 11:15 小猩猩君 阅读(427) 评论(0) 推荐(0) 编辑
添加列表项 避免浏览器反复渲染 Fragment
摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-09 10:51 小猩猩君 阅读(201) 评论(0) 推荐(0) 编辑
分割文本节点
摘要： 1 var element = document.createElement("div"); 2 element.className = "message"; 3 4 var textNode = document.createTextNode("Hello world!"); 5 element.appendChild(textNode); 6 7 document.body.appendChild(element); 8 9 var newNode = element.firstChild.splitText(5);10 cons 阅读全文
posted @ 2012-05-09 10:35 小猩猩君 阅读(191) 评论(0) 推荐(0) 编辑
获取注释
摘要： 1 var div = document.getElementById("myDiv");2 var comment = div.firstChild;3 console.log(comment.data);4 console.log(comment.nodeValue == comment.data); 阅读全文
posted @ 2012-05-09 10:35 小猩猩君 阅读(144) 评论(0) 推荐(0) 编辑
2012年5月8日
合并文本节点
摘要： 1 var element = document.createElement("div"); 2 element.className = "message"; 3 4 var textNode = document.createTextNode("Hello world!"); 5 element.appendChild(textNode); 6 7 var anotherTextNode = document.createTextNode("Yippee!"); 8 element.appendChild(ano 阅读全文
posted @ 2012-05-08 16:27 小猩猩君 阅读(230) 评论(0) 推荐(0) 编辑
setAttribute、getAttribute、removeAttribute
摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-08 15:53 小猩猩君 阅读(340) 评论(0) 推荐(0) 编辑
javascript循环
摘要： 1 var element = document.getElementById("myList");2 for (var i = 0, len = element.childNodes.length; i < len; i++) {3 if (element.childNodes[i].nodeType == 1) {4 console.log(element.childNodes[i].innerHTML);5 }6 } 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q 阅读全文
posted @ 2012-05-08 15:38 小猩猩君 阅读(193) 评论(0) 推荐(0) 编辑
2012年5月7日
Node(节点)的4个操作方法
摘要： 1 //Example 1 2 var returnedNode = someNode.appendChild(newNode); 3 console.log(returnedNode == newNode); 4 console.log(someNode.lastChild == newNode); 5 6 //Example 2 7 var returnedNode = someNode.appendChild(someNode.firstChild); 8 console.log(returnedNode == someNode.firstChild); //false 9 cons.. 阅读全文
posted @ 2012-05-07 09:52 小猩猩君 阅读(389) 评论(0) 推荐(0) 编辑