波克比520

2015年3月4日

摘要：获取和设置元素的方法：. [] getAttribute具体实例：HTML部分：JS部分：window.onload = function(){ var oText = document.getElementById('text1'); // 获取和设置元... 阅读全文

posted @ 2015-03-04 13:56 波克比520 阅读(224) 评论(0) 推荐(0) 编辑

javascript——DOM之获取元素的位置

摘要： CSS部分：div {padding: 40px 50px;}#div1 {background: red;position: relative;}#div2 {background: green; position: relative;}#div3 {background: orange; pos... 阅读全文

posted @ 2015-03-04 10:26 波克比520 阅读(240) 评论(0) 推荐(0) 编辑

javascript——DOM之元素的宽高

摘要：元素的width和height style.width : 样式宽 clientWidth : 可视区宽 offsetWidth : 占位宽 style.height: 样式高 clientHeight: 可视区高 offsetHeight: 占位高HTML部分： JS部分：wind... 阅读全文

posted @ 2015-03-04 09:37 波克比520 阅读(224) 评论(0) 推荐(0) 编辑

2015年3月3日

javascript——DOM之offsetParent

摘要：元素.offsetParent : 只读属性离当前元素最近的一个有定位属性的父节点如果没有定位父级，默认是body ie7以下，如果当前元素没有定位默认是body，如果有定位则是指向有定位的元素 ie7以下，如果当前元素的某个父级触发了layout，那么offsetParent就会... 阅读全文

posted @ 2015-03-03 17:41 波克比520 阅读(317) 评论(0) 推荐(0) 编辑

关于Block Formatting Context－－BFC和IE的hasLayout

摘要：一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting Context提供了一个环... 阅读全文

posted @ 2015-03-03 17:02 波克比520 阅读(154) 评论(0) 推荐(0) 编辑

javascript——DOM之firstChild,lastChild,NextSibling,previousSibling

摘要：元素.firstChild : 只读属性第一个子节点标准下：firstChild会包含文本类型的节点非标准下：只包含元素节点元素.firstElementChild : 只读属性标准下获取第一个元素类型的子节点兼容标准和非标准浏览器的写法：HTML代码： 111... 阅读全文

posted @ 2015-03-03 16:18 波克比520 阅读(545) 评论(0) 推荐(0) 编辑

javascript——DOM之childNodes、nodeType、children、parentNode

摘要：元素.childNodes : 只读属性子节点列表集合标准下：包含了文本和元素类型的节点，也会包含非法嵌套的子节点非标准下：只包含元素类型的节点，ie7以下不会包含非法嵌套子节点childNodes只包含一级子节点，不包含后辈孙级以下的节点元素.nodeType : 只读属性当前元... 阅读全文

posted @ 2015-03-03 15:24 波克比520 阅读(276) 评论(0) 推荐(0) 编辑

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解

摘要： scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由... 阅读全文

posted @ 2015-03-03 14:43 波克比520 阅读(182) 评论(0) 推荐(0) 编辑

2015年2月26日

jQuery表格隔行变色，鼠标经过变色

摘要： CSS代码：th{ height: 30px; line-height: 20px; background: #0093D9;/*表头背景深蓝*/ /*color: #fff;*/} td{ padding: 6px 10px; border-bottom: 1px solid #95bce2; ... 阅读全文

posted @ 2015-02-26 13:53 波克比520 阅读(739) 评论(0) 推荐(0) 编辑

jQuery学习笔记（一）

摘要：程序代码window.onload=function(){...}.访问HTML文档的元素，必须先载入文档对象模型(DOM)。当window.onload函数执行的时候，说明所有东西已经载入，包括图像和横幅等等。要知道较大的图片下载速度会比较慢，因此用户必须等待大图片下载完毕才能看到window.o... 阅读全文

posted @ 2015-02-26 08:52 波克比520 阅读(162) 评论(0) 推荐(0) 编辑

每天进步一点点\(^o^)/

公告