摘要:
常用鼠标事件 1 、案例:禁止选中文字和禁止右键菜单 <body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu', function(e) { // prevent 阅读全文
摘要:
1、注册事件(2种方式) 2、事件监听 addEventListener()事件监听(IE9以后支持) eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。 该方法接收三个参数: 阅读全文
摘要:
1、创建元素的三种方式 document.write () element.innerHTML document.createElement () 区别 document.write直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM节点 阅读全文
摘要:
1.1. 节点概述 为什么学节点操作 网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。 一般地,节点至少拥有nodeT 阅读全文
摘要:
1.1 获取属性值 <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(d 阅读全文
摘要:
1.1 排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式 (留下我自己) 注意顺序不能颠倒,首先干掉其他人,再设置自己 <button>按钮1</button> <button>按钮2</button> 阅读全文