小白粽 - 博客园

【JS学习笔记】DOM操作应用-创建、插入和删除元素；文档碎片

摘要：一、创建、插入和删除元素（1）创建DOM元素 createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点例子：为ul插入li <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht 阅读全文

posted @ 2017-02-03 20:26 小白粽阅读(816) 评论(0) 推荐(0)

【JS学习笔记】DOM元素灵活查找

摘要：用className选择元素（1）如何用className选择元素选出所有元素通过className条件筛选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ 阅读全文

posted @ 2017-01-31 21:48 小白粽阅读(192) 评论(0) 推荐(0)

【JS学习笔记】操作元素属性

摘要：一、操作元素属性（1）元素属性操作第一种：oDiv.style.display='block'; 第二种：oDiv.style['display']='block'; 第三种:Dom方式，为以下的3种方式 DOM方式操作元素属性：获取：getAttribute（名称），在大多数情况下是用不着的阅读全文

posted @ 2017-01-31 21:22 小白粽阅读(186) 评论(0) 推荐(0)

【JS学习笔记】DOM基础-首尾子节点，兄弟节点

摘要：一、DOM节点（1）首尾子节点有兼容性问题 firstChild、firstElementChild firstChild在高版本的浏览器上具有兼容问题，firstChild在高版本浏览器中指的是文本元素。 firstElementChild高级浏览器下可以使用，在IE6-8下反而不兼容。解决阅读全文

posted @ 2017-01-31 19:33 小白粽阅读(499) 评论(0) 推荐(0)

【JS学习笔记】DOM基础-字节点，父节点

摘要：一、DOM基础（1）什么是DOM？DOM，即document，是用来操作页面上的元素，比如操作div获取，修改样式等。是JS的组成部分，还是一套规范。（2）浏览器的支持情况现在主流的浏览器有3种，分别是IE,Chrome,Firefox。 IE：在IE6-8版本中，对DOM的支持差不多是百分之阅读全文

posted @ 2017-01-31 19:09 小白粽阅读(657) 评论(0) 推荐(0)

【JS学习】无缝滚动

摘要：一、无缝滚动——基础效果演示物体运动基础让Div移动起来 offsetLeft的作用，可以想到有offsetLeft就会有offsetRight，还会有offsetWight/offsetHeight 用定时器让物体连续移动 <!DOCTYPE html PUBLIC "-//W3C//DTD 阅读全文

posted @ 2017-01-30 12:14 小白粽阅读(648) 评论(0) 推荐(0)

【JS学习】定时器

摘要：一、定时器的作用（1）开启定时器 setInterval 间隔型 setTimeout 延时型两种定时器的区别 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ 阅读全文

posted @ 2017-01-27 14:47 小白粽阅读(211) 评论(0) 推荐(0)

【JS学习】深入JavaScript

摘要：一、函数的返回值（1）什么是函数的返回值？函数的返回值就是函数的执行结果可以没有return （2）一个函数应该只返回一种类型的值二、函数传参（1）可变参（不定参）：arguments。arguments是一个数组，存了所有的参数。参数的个数可变，参数数组（2）例子1：求和求所有参数阅读全文

posted @ 2017-01-26 20:24 小白粽阅读(158) 评论(0) 推荐(0)

【JS学习】JS基础2

摘要：一、运算符（1）算术：+加、-减、*乘、/除、%取余实例：隔行变色、秒转时间 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi 阅读全文

posted @ 2017-01-25 20:57 小白粽阅读(241) 评论(0) 推荐(0)

【JS学习笔记】JS基础

摘要：一、JavaScript的组成 ECMAScript解释器、翻译器。一方面把我们输入的代码语言翻译给计算机，另一方面把计算器输出的语言翻译给我们看。 DOM：Document Object Model，DOM赋予了JS操作HTML文档的能力，像获取元素，改变背景，创建元素，删除元素等等，都需要用到D 阅读全文

posted @ 2017-01-25 16:38 小白粽阅读(200) 评论(0) 推荐(0)