摘要: (function(){ }()); // 立即执行函数 或者用window.onload=function(){}也可以 window.onload // 所有资源加载完毕 包含dom window.DOMContentLoaded // dom内容加载完毕 DOMContentLoaded加载会 阅读全文
posted @ 2016-12-01 21:49 Model-Zachary 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 第一种:innerHTML p.innerHTML="124"; 除了这个还可以console.log(p.innerHTML) 弹出p里面的内容; 第二种:createTextNode var text = document.createTextNode('24356'); //在document 阅读全文
posted @ 2016-12-01 21:46 Model-Zachary 阅读(194) 评论(0) 推荐(0) 编辑
摘要: (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加、移除、替换、插入 appendChild() removeChild() 删除子节点 阅读全文
posted @ 2016-12-01 21:35 Model-Zachary 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 写法不同效果是等价的 写法一: var beatles =Array(4); beatles[0]="john"; beatles[1]="paul"; beatles[2]="George"; beatles[3]="ringo"; 写法二:var beatles=Array("john","paul","George","ringo"); ... 阅读全文
posted @ 2016-12-01 21:15 Model-Zachary 阅读(985) 评论(0) 推荐(0) 编辑
摘要: var height = "about 5'10\" tall"; //转义字符\斜杠 alert(height); //about 5'10" tall 阅读全文
posted @ 2016-12-01 20:48 Model-Zachary 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 455divp document.getElementsByTagName('div')[0].previousSibling.style.color='red'; //获取上一个元素 document.getElementsByTagName('div')[0].nextSibling.style.color='red'; //获取下一个元素 阅读全文
posted @ 2016-12-01 19:31 Model-Zachary 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 比如下面,原生的,你获取元素一般都是从DOM树中document中获取,如果想精确到某个元素,可以先获取其父元素再获取其本身,这样范围更精确。 比如下面通过精确获取父元素来获取li的长度。 <ul id="u"> <li></li> <li></li> <li></li> </ul> <script 阅读全文
posted @ 2016-12-01 19:15 Model-Zachary 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 新增 return 运用 return 函数执行到这句时会终结,并返回调用函数,而且把表达式的值作为函数的结果返回 return false 可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页. retrun true 返回正确的处理结果 阅读全文
posted @ 2016-12-01 18:14 Model-Zachary 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 通过setAttribute添加div的属性比如title,或者改变属性,比如添加类,并通过第二个参数添加类名 点击改变div 阅读全文
posted @ 2016-12-01 17:48 Model-Zachary 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 通过className获取 通过getAttribute 阅读全文
posted @ 2016-12-01 17:16 Model-Zachary 阅读(171) 评论(0) 推荐(0) 编辑