宅羽的博客

◆ 概念： Document Object Model，文档对象模型。 DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 ▲ DOM树： ▲ 节点（Node）： 由结构图中我们可以看到，整个文档就是一个文档节点。而每一个HMTL标签都是一个元素节点。标签中的文字则是文字节点。标签的属性是属性节点。 获取节...

◆ 事件类型： 事件名 说明 onclick 鼠标单击 ondblclick 鼠标双击 onkeyup 按下并释放键盘上的一个键时触发 onchange 文本内容或下拉菜单中的选项发生改变 onfocus 获得焦点，表示文本框等获得鼠标光标。 onblur 失去焦点，表示文本框等失去鼠标光标。 onmouseover 鼠标悬停，即鼠标停留在图片等的上方...

◆ DOM 访问关系（节点的获得）：节点的访问关系，是以属性的方式存在的。DOM的节点并不是孤立的，因此可以通过DOM节点之间的相对关系对它们进行访问。 ◆ 父节点：parentNode：调用者就是节点。一个节点只有一个父节点。调用方式就是节点.parentNode. ◆ 兄弟节点：★ nextSibling：下一个节点（包括空文档和换行节点）。（注：IE678中指下一个元素节点（标签））★ nex

节点的访问关系都是属性。节点的操作都是函数或者方法。 ◆ 创建节点： 新的标签（节点） = document.createElement(“标签名”); ◆ 插入节点（使用节点）： ★ 父节点的最后插入一个新节点： 父节点.appendChild(新节点); 注：如果是已经存在的节点，会移动该节点，相当于move； ★ 在参考节点前插入： 父节点.insertBefore...

◆ 内置对象

◆ 新建一个日期对象： var date1 = new Date(); //默认值：当天日期 var date1 = new Date(); console.log(date1); 执行结果： Date 2018-10-23T11:57:58.226Z var date2 = new Date(“2016/01/27 12:00:00”) //兼容最强 var date2 = new...