摘要：
一、节点概念：整个HTML文件，其中所有的内容，都视为HTML文件的一个节点对象，可以通过操作节点对象，来操作HTML文件。1、起始节点操作，就是另一种DOM操作，也是获取对象、操作对象，但节点操作比DOM操作更加复杂、更加丰富2、与DOM的操作区别：DOM操作只能获取标签对象，节点操作能获取标签对 阅读全文
摘要：
一、ES6新增的变量的定义let const 关键词定义变量1、let定义变量：特点： A、不会进行预解析，结果会报错 B、与forEach()中的变量类似，每次执行都会定义一个互相之间不影响的新变量 C、不能重复定义变量名称，一个变量名称只能定义一次 D、定义的变量如果在{}中，则只能在{}中被执 阅读全文
摘要：
我们要给按钮绑定相关标签，按动按钮，标签运动 <button>点击控制div标签</button> <button>点击控制p标签</button> <button>点击点击控制h标签</button> <p>我是p标签</p> <div>我是div标签</div> <h1>我是h1标签</h1> 阅读全文
摘要：
一、事件对象的坐标属性1、事件对象.offsetX 对象事件.offsetY 点击时，获取的是标签左上角的坐标2、事件对象.clientX 事件对象.clientY 点击时，视窗左上角坐标3、事件对象.pageX 事件对象.pageY 点击时，页面左上角坐标 如果没有滚动，页面左上角和视窗的左上角重 阅读全文
摘要：
很多小伙伴想做滑动门的时候没有思路，今天就分享一个案例： 下面这个div需要做滑动门效果 <div class="cont"> <ul> <li name="ulli" class="active">按钮1</li> <li name="ulli" >按钮2</li> <li name="ulli" 阅读全文
摘要：
一、键盘事件键盘事件不能绑定某个标签，必须是window或document两个使用效果完全一致。可以获取焦点的标签：input select textarea button a 。。。 1、keydown 按下按键触发，如果一直按着，会一直触发 //按下键盘任意按键，触发事件 window.onke 阅读全文
摘要：
利用下面这个div标签来做鼠标事件的演示，当把鼠标在‘我是div’和’我是span‘两个位置及其之外的位置上操作时，不同事件操作结果不同 <div class="div1">我是div <br> <span>我是span</span> </div> 1、左键单击事件 click var oDiv = 阅读全文
摘要：
宽度，高度，margin，padding，border1.可以通过标签样式来获取获取到的结果是属性值有px单位 window.getComputedStyle(oDiv).height 2.其他方式offsetHeight offsetWidth宽/高+padding+borderclientHei 阅读全文
摘要：
一、标签属性值的设定和获取 标签对象.steAttribute('属性名称',属性值)；一次只能定义一个，如果要定义多个，需要多次执行获取标签属性值标签对象.getAttribute('属性名称');获取的结果都是字符串 //获取所有div的标签 var oDiv1 = document.query 阅读全文
摘要：
DOM操作文档对象模型获取标签内容一、通过id属性值获取标签对象（只能获取一个标签对象） document.getElementById('id属性值') //获取标签页中id为div1的标签对象 var oDiv1 = document.getElementById('div1'); //输出为i 阅读全文