vue项目中，需要把 moment.js 挂载到全局上（即vue的原型链上），访问时直接使用 this.moment() ; vue项目中不挂载到全局，单文件（单组件）使用： ==>...加/减 ==>> 操作之前必须使用 this.moment(日期变量) ；将要操作的日期转为 moment.js 可以处理的日期时间格式 加法：this.moment().add(1, ‘months...获取时、分、秒 原理：利用字符串的 split 方法拆分时分秒，然后分别用moment的 hour、minute 和 second 方法；带有日期的可以用 .valueof() 方法。...0); console.log('=====输出',getHour,getMinute,getSecond,getHour_Minute_Second); 得到的结果都是moment.js...可以用 format 转换为自己想要的格式，也可以用 diff 方法做时间差的计算 10.
什么是DOM DOM，文档对象模型（Document Object Model）。 HTMLCollection 对象 注意：IE9及以上版本才支持！...//获取最后一个元素节点 console.log(cnode.lastElementChild);// 我是p DOM...阻止事件冒泡 w3c的方法是event.stopPropagation() IE则使用event.cancelBubble = true <div onclick="show1()" style="width...show1() { console.log('show1'); } 取消默认事件 1，可在onclick=""上直接加return false 2，通过获取dom...function () { var alink = document.getElementById('alink') // 方法
通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。...HTML DOM （文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。...HTML DOM 树 ? 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
DOM：document object model。文档对象模型。它主要由许多节点。而基于JS对象的一切视角，DOM核心是节点对象和操作方法的属性。从下面三方面来介绍DOM。...见导图： 二、DOM之CSS样式 对于这部分的内容，涉及到的也是CSS样式的获取和操作。...三、元素尺寸和位置 通过上述CSS样式的方式，我们也是能够获取DOM中各个元素的尺寸和位置的，但有一个弊端：当元素中存在pading,margin这些样式设计时，这些方法便不能获得一些元素真正的大小和位置...JS中提供了专门儿用于获取元素尺寸和大小的方法。 实际大小：针对于元素的实际大小。主要与四个因素有关，padding。margin，border，scroll。而以下提供的几种方法，针对于不同的因素。...会有不同的结果，仅依据需求使用就可以 周边大小： 小结：DOM是JS学习的一个核心内容。
justify-content: space-between; font-size: 20px; margin-bottom: 10px; } DOM...数组方法 添加账户 ?
1、window对象代表当前浏览器窗口 2、使用window对象的属性、方法的时候可以省略window。...支持的方法不一样 获取网页中那个元素触发了事件，在IE中使用srcElement; 在FireFox里使用target 使用Dom获取和更改网页标签元素内文本，在IE中使用innerText; 在FireFox...里使用textContent 动态为网页或元素绑定事件，在IE中绑定事件的方法是attachEvent； 在FireFox中绑定事件的方法是addEventListener jQuery之类的框架进行了封装...，解决了不同浏览器上Dom的不同 14、jQuery的ready和Dom的onload的区别：window.onload只能注册一次，是在所有的Dom元素创建完毕、图片、CSS都加载完毕后才被触发；而jQuery...的ready则是在Dom元素创建完毕后被触发，这样可以提高网页的响应速度 15、js打印一个对象的所有属性： //传入一个对象 function (swiper){ var msg = "";
arguments.callee,func.caller,变量赋值前必须声 明，局部this必须被赋值 (Person.call(null/undefined) 赋值什么就是什么),拒绝重复属性和参数 复制代码 DOM...什么是DOM 1.DOM — > Document Object Model 2.DOM定义了表示和修改文档所需的方法。...DOM对象即为宿主对象， 由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML以及XML的标准编程接口。...复制代码 DOM基本操作 1.对节点的增删改查 查看元素节点 document代表整个文档 document.getElementById() //元素id 在Ie8以下的浏览器， 不区分id大小写，而且也返回匹配...querySelector() // css选择器 在ie7和ie7以下的版本中没有，非实时 .querySelectorAll() // css选择器 在ie7和ie7以下的版本中没有，非实时 复制代码 DOM
1：DOM开篇 DOM元素上 DOM元素下 <!...oH1.parentNode.removeChild(oH1); oP.parentNode.removeChild(oP); 注意点: 在js
DOM=DocumentObject Model，文档对象模型。 Dom有三个不同的部分。...1、核心DOM 也是最基础的文档结构的标准模型 2、XMLDOM 针对XML文档的标准模型 3、HTML DOM 针对HTML文档的标准模型 对于一个新生程序猿来说。...而DOM作为以上的标准。当然会对其上面进行规划： 依据DOM，文档每一个成分都是一个节点。 对于上面的文档。 事实上就是一颗树。 通过一个样例来了解一下： js"> js"> DOM节点树中的节点分为： 元素节点、文本节点、属性节点。
HTML DOM 方法是我们可以在节点（HTML 元素）上执行的动作。 HTML DOM 属性是我们可以在节点（HTML 元素）设置和修改的值。...---- 编程接口 可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。 所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。..."); HTML DOM 对象 - 方法和属性 一些常用的 HTML DOM 方法： getElementById(id) - 获取带有指定 id 的节点（元素） appendChild(node) -...人的方法可能是 eat(), sleep(), work(), play() 等等。 所有人都有这些方法，但会在不同时间执行它们。 一个人的属性包括姓名、身高、体重、年龄、性别等等。...---- 一些 DOM 对象方法 这里提供一些您将在本教程中学到的常用方法： 方法 描述 getElementById() 返回带有指定 ID 的元素。
通过这个方法，就可以在 IE和 Mozilla 完成正确的操作。...nodeType 属性可返回节点的类型.最重要的节点类型是： 元素类型 节点类型 元素element 1 属性attr 2 文本text 3 注释comments 8 文档document 9 6.修改文本节点 方法.../修改某个节点属性的值 removeAttribute(name); //删除某个属性 8.查找节点 parentObj.firstChild; //如果节点为已知节点的第一个子节点就可以使用这个方法...此方法可以递归进行使用 parentObj.firstChild.firstChild..... parentObj.lastChild; //获得一个节点的最后一个节点，与firstChild一样也可以进行递归使用
dom树结构
js一个非常重要的作用就是对dom进行操作，所谓的dom，可以理解为html代码里的一个个节点。比如，body标签元素就是一个dom。本文对js的dom操作进行一些总结。...1.gif 现在，来看看js对dom的一些操作吧。...1.最简单的dom方法封装 在本系列中，假设我们不考虑用jQuery。 现在给第三个盒子添加一个id。...'); 那么，为了让代码更加山寨，不妨将dom方法稍微改进一下嘞！...= i; return false; } }); return index; }; 我学习js的路线就是如此，先想尽办法把功能实现了，然后才开始封装成方法
onclick="removeHandler()" id="myBtn">点我 /*addEventListener() 方法用于向指定元素添加事件句柄...addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。 你可以向一个元素添加多个事件句柄。 你可以向同个元素添加多个同类型的事件句柄，如：两个 "click" 事件。...你可以向任何 DOM 对象添加事件监听，不仅仅是 HTML 元素。如： window 对象。 addEventListener() 方法可以更简单的控制事件（冒泡与捕获）。...当你使用 addEventListener() 方法时, JavaScript 从 HTML 标记中分离开来，可读性更强， 在没有控制HTML标记时也可以添加事件监听 */ document.getElementById...addEventListener() 方法添加的事件句柄: */ document.getElementById("myDIV").removeEventListener("mousemove
...
HTML DOM clearInterval() 方法 HTML DOM Window 对象 定义和用法 clearInterval() 方法可取消由 setInterval() 设置的 timeout...clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
方法主要分为两大类 第一类：通过属性获取。 通过 document.getElementById("fash") 获取到p页签。 ?
定义和用法 clearInterval() 方法可取消由 setInterval() 设置的 timeout。...clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
JS总体包括ECMAScript，DOM，BOM三个部分，但是能够和浏览器进行交互的只有DOM和BOM，那么到底什么是DOM和BOM呢 概念 BOM（Browser Object Model）是指浏览器对象模型...全局函数是 window 对象的方法。 接下来要讲的HTML DOM 的 document 也是 window 对象的属性之一。...setTimeout() 语法： var t=setTimeout("JS语句",毫秒) setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。...DOM（Document Object Model）是一套对文档的内容进行抽象和概念化的方法。...操作的JS代码应该放在文档的哪个位置。
Element DOM Attr DOM Text DOM Document HTML DOM是对XML DOM的扩展， HTML DOM比XML DOM 开发JS来说更加简单方便！...HTML DOM最优秀的地方是，操作form对象和table数据 1.BOM和HTML DOM关系图 学习DOM 编程，从Document对象开始，document代表当前HTML网页文档对象，是window...document.forms 获得页面中所有form元素集合 document.body 访问页面中 元素 document.cookie 用JS操作网页cookie信息 全局检索提供了三个重要的方法...元素常见操作 DOM 获取节点：节点查询 参上 DOM 改变节点：元素属性修改setAttribute(name,value) 内部文本元素的修改 innerHTML DOM 删除节点：removeChild...(true); 该方法可以返回一个节点的克隆节点， 克隆节点包含原节点的属性和子元素 此节内容有大量的练习，建议大家做写，增强代码的熟练度。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
