JS-DOM操作应用高级（二）

JS DOM操作（创建、遍历、获取、操作、删除节点）

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic…

Node.js之操作文件系统(二) 1.创建与读取目录 1.1 创建目录在fs模块中,可以使用mkdir方法创建目录,该方法的使用方法如下: fs.mkdir(path,[mode],callbcak) //第一个参数:指定需要被创建的目录的完整路径及目录名, 第二个参数:指定该目录的权限,默认为0777 第三个参数,用于创建目录操作完毕时调用的回调函数, function(err){ } 在使用同步方法创建目录时,可以使用fs模块中的mkdirSync方法,使用该方法如下: fs.mkdir…

关于js封装框架类库之DOM操作模块（二）

上一篇基本实现了框架结构,但是与真正能用上的项目框架比较还是存在很多不足,在这又做了些加强与优化 (function ( window, undefined ) { var arr = [], push = arr.push, slice = arr.slice, concat = arr.concat; // 构造函数 var YY = function YY ( selector ) { return new YY.fn.init( selector ); }; // 核心原型 YY.fn…

js dom 操作

JS的DOM操作 1DOM是文档对象模型,这种模型为树模型:文档是指标签文档,对象是指文档中每个元素:模型是指抽象化的东西. 2间隔与延迟间隔执行一段代码(函数):window.setInterval("要执行的代码",间隔的毫秒数) 清除间隔执行:window.clearInterval(间隔的id); 循环一次之后用来清除隔执行的代码延迟一段时间执行某一段代码(函数):window.setTimeout("要执行的代码",延迟的毫秒数) 清除延迟:windo…

SVG.js 元素操作整理（二）-Transform

一.transform()获取或设置矩阵变换 var draw = SVG('svg1').size(300, 300); //Transforming SVG元素矩阵变换 var rect = draw.rect(100, 100).move(100, 100); //transform() 获取或设置变换 //默认的变换是absolute,在原始基础上变换 rect.transform({ rotation: 125 //设置旋转 }).transform({ rotation: 37.5…

JS—DOM操作

节点分为三类: 1.元素节点:标签<div></div> 2.文本节点:标签内的纯文本. 3.属性节点:标签内的属性,id或class 查找元素: getElementById();参数传递一个元素的id值,这样就可以获取到该元素节点 DOM操作必须等待HTML文档加载完毕,才可以获取怎样获取? 1.把<script>移后 HTMLDivElement表示Div的节点对象 IE是以COM实现的DOM,所以只会返回一个object 2.用onload事件来加载html…

JS DOM操作（二） Window.docunment对象——操作样式

一对元素的定位在 js 中可以利用 id.class.name.标签名进行元素的定位 id.class 用在客户端 name 用在服务端用 id 定位 -- 根据 id 最多只能找一个 var a = document.getElementById( "id 名" ) -- 将找到的变了放到变量 a 中用 class 定位 …

学习blus老师js(5)--DOM操作应用高级

一.表格应用 - 1 获取 tBodies.tHead.tFoot.rows.cells 一个表格可以有很多tbody,所以tBodies是数组: 一个表格只能有一个thead和tfoot,所以tHead和tFoot是一个元素: 表格有自己独有的简便操作:因为js诞生的时候,那会全是表格:所以给表格提供了一些便捷的操作. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <ti…

js——DOM操作（二）

表格属性: tHead:表格头 tBodies:表格正文 tFoot:表格尾 rows:行 cells:列表单操作: <form id="form1"> <input type="text" id="text1" name="username" value="" /> </form> 获取元素,可以通过name来获取,方法是:表单.元素name 即,oForm.u…

第七节 DOM操作应用-高级

表格应用: 获取:tBodies.tHead.tFoot.rows.cells <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM高级应用-表格的便捷操作</title> <script> window.onload=function(){ var oTab=document.getEle…