摘要: DOM事件对象 div.onclick = function(event){.......} 小括号中的event就是事件对象 (1)事件对象是系统给我们自动创建的,我们只需要在小括号中声明一下就可以了,并且可以自主命名,如event,evt,e都可以 (2)事件对象是和我们创建的事件相关的一系列数 阅读全文
posted @ 2020-04-26 19:32 瑾言** 阅读(173) 评论(0) 推荐(0) 编辑
摘要: DOM事件流 描述的是从页面接收事件的顺序 事件发生时,会在元素之间按一定的顺序进行传播,这个传播过程就是DOM事件流 (1)捕获阶段 : 事件从最顶层元素 window 一直传递到绑定事件的目标元素 (2)目标阶段 : 事件到达目标元素,然后执行事件, 如果事件指定不冒泡. 那就会在这里中止. ( 阅读全文
posted @ 2020-04-26 17:43 瑾言** 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 利用节点层级关系获取元素 1.父节点操作 node.parentNode; //获取父节点,获取到的是离元素最近的一个父节点。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="v 阅读全文
posted @ 2020-04-26 16:37 瑾言** 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 1.设置自定义的属性以及属性值 element.setAttribute("属性名", "属性值"); 自定义属性 规定以 data- 开头作为属性名 2.获取自定义的属性值 element.getAttribute("属性名"); 3.删除自定义的属性名 element.removeAttribu 阅读全文
posted @ 2020-04-26 15:42 瑾言** 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 1. 获取,修改元素内容 (1)获取元素内容 innerText// 返回指定标签中 的内容,但是不识别HTML标签,去除空格和换行 innerHTML //直接返回整个标签的内容,包括HTML标签,空格,和换行 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2020-04-26 15:17 瑾言** 阅读(6344) 评论(0) 推荐(0) 编辑
摘要: 1. 根据ID获取元素并且绑定事件 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initia 阅读全文
posted @ 2020-04-26 10:39 瑾言** 阅读(2459) 评论(0) 推荐(0) 编辑
摘要: 1.API API即应用程序编程接口,给我们提供了一个接口,通过它可以完成某些功能,而又无需理解内部工作机制的原理和细节 2.Web API 是浏览器提供的一系列操作浏览器功能和页面元素的API(如DOM,BOM) 3.DOM 页面文档对象模型,通过DOM可以对页面上的各种元素进行操作 名词解释 ( 阅读全文
posted @ 2020-04-26 09:20 瑾言** 阅读(229) 评论(0) 推荐(0) 编辑