摘要: 定义:文档对象模型DOM(DocumentObjectModel)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 一、获取节点 document.getElementById 语法:document.getElementById(元素ID) 阅读全文
posted @ 2016-11-01 10:59 wenjia001 阅读(1819) 评论(2) 推荐(0) 编辑
摘要: 定义:文档对象模型DOM(DocumentObjectModel)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 getElementsByName(); 定义:返回带有指定名称的节点对象的集合 语法:document.getElement 阅读全文
posted @ 2016-10-31 16:48 wenjia001 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 好几天没有写博客了,今天分享下JS如何获取指定元素下指定的子元素。 原理: 由于JS内置获取子元素节点方法(children)不兼容低版本浏览器(ie 6-8),通过获取所有子节点(childNodes)方法获取所有子节点,循环判断取出元素子节点,存储在数组里,循环数组判断取出数组元素和传递元素相同 阅读全文
posted @ 2016-10-27 14:05 wenjia001 阅读(66267) 评论(0) 推荐(2) 编辑
摘要: 原生JS无缝滚动原理:通过定时器(setInterval)设置scrollLeft值,判断当前滚动的值大于内容的宽度,重新设置滚动元素的scrollLeft为0; 核心代码如下: var timer = window.setInterval(function(){ box.scrollLeft++; 阅读全文
posted @ 2016-10-18 14:37 wenjia001 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 在学习回到顶部之前先复习定时器: var n = 0;setInterval 重复执行var timer = window.setInterval(function(){ n++; if(n 5){ clearInterval(timer); } console.log(n); },1000);se 阅读全文
posted @ 2016-10-17 17:07 wenjia001 阅读(432) 评论(0) 推荐(0) 编辑
摘要: var box = document.getElementById("dian");1.parentNode:父亲节点 HTML结构层级关系中的上一级元素 2.offsetParent:父级参照物 在同一个页面中,最外层的元素里面所有元素的父级参照物都是body(和html结构没有必然联系) ->一 阅读全文
posted @ 2016-10-13 16:51 wenjia001 阅读(8349) 评论(3) 推荐(1) 编辑
摘要: js获取元素样式的具体信息 阅读全文
posted @ 2016-10-12 16:39 wenjia001 阅读(4790) 评论(0) 推荐(0) 编辑
摘要: 概念:通过js的属性和方法获得元素的样式信息值 查看元素详细属性console.dir(); 操作元素盒子模型 1.client系列(当前元素的私有属性) 1)clientWidth/clientHeigth:内容的宽度(不包括内容溢出部分,固定设置的width和height)/高度+左右/上下pa 阅读全文
posted @ 2016-10-12 10:04 wenjia001 阅读(570) 评论(0) 推荐(0) 编辑
摘要: 自己总结的四种检测数据类型的方法。如有不足,虚心接受大家的指点。 1.typeof检测基本数据类型的操作符 语法:result = typeof variable; 1)首先返回的都是字符串,其次字符串中为对应的数据类型。例如:“number”,“string”,“boolean”,“undefin 阅读全文
posted @ 2016-10-10 17:06 wenjia001 阅读(1772) 评论(0) 推荐(0) 编辑
摘要: div+CSS圆角矩形 哈哈哈哈哈哈哈哈哈 阅读全文
posted @ 2015-12-28 14:06 wenjia001 阅读(899) 评论(0) 推荐(0) 编辑