![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
思无邪。
python,前端小白,记录自己的学习过程~
展开
-
js核心-Web-API-DOM-常用键盘事件-键盘事件对象
常用键盘事件 事件除了使用鼠标触发,还可以使用键盘触发。 键盘事件 触发条件 onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个键盘按键被按下时触发 但是他不识别功能键 比如ctrl shift箭头等 注意: 如果使用addEventListener 不需要加 on onkeypress 和前面2个的区别是,它不识别功能键,比如左右箭头,shift 等。 三个事件的执行顺序是: keydown – keypress — keyup 8.2 .原创 2020-07-02 11:44:31 · 155 阅读 · 0 评论 -
js-Web-API-DOM-注册事件-addEventListener事件监听方式-删除事件的方式-DOM事件流-什么是事件对象-事件委托-鼠标事件对象
注册事件(绑定事件) 1.1 注册事件概述 给元素添加事件,称为注册事件或者绑定事件。 注册事件有两种方式:传统方式和方法监听注册方式 传统注册方式 利用 on 开头的事件 onclick <button οnclick=“alert(‘hi~’)”> btn.onclick = function() {} 特点:注册事件的唯一性 同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数 方法监听注册方式 w3c 标准 推荐方式 addEventList.原创 2020-07-02 11:43:19 · 256 阅读 · 0 评论 -
Web-API-DOM-删除节点-复制节点-三种动态创建元素区别-DOM 重点核心
5.5 删除节点 node.removeChild(child) node.removeChild() 方法从 DOM 中删除一个子节点,返回删除的节点。 5.6 复制节点 node.cloneNode() node.cloneNode() 方法返回调用该方法的节点的一个副本。 注意: 如果括号参数为空或者为 false ,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点。 如果括号参数为 true ,则是深度拷贝,会复制节点本身以及里面所有的子节点 5.8 三种动态创建元素区别 document.w原创 2020-07-02 11:40:15 · 253 阅读 · 0 评论 -
Web-API-DOM的自定义属性的操作-H5自定义属性-节点概述-节点层级-父子节点-兄弟节点-创建节点-添加节点
4.6 自定义属性的操作 获取属性值 element.属性 获取属性值。 element.getAttribute(‘属性’); 区别: element.属性 获取内置属性值(元素本身自带的属性) element.getAttribute(‘属性’); 主要获得自定义的属性 (标准) 我们程序员自定义的属性 设置属性值 element.属性 = ‘值’ 设置内置属性值。 element.setAttribute(‘属性’, ‘值’); 区别: element.属性 设置内置属性值 element.原创 2020-07-01 18:16:40 · 307 阅读 · 0 评论 -
Web-API-DOM的获取元素-事件概述-事件三要素-执行事件的步骤-常见鼠标事件-操作元素-改变元素内容-常用元素的属性操作-常用元素的属性操作-样式属性操作
获取元素 2.2 根据ID获取 用getElementById()方法可以获取带有ID元素对象 document.getElementById(‘id’); console.dir()可以打印我们获取的元素对象,更好的查看对象里面的属性和方法 2.3 根据标签名获取 getElementsByTagName()方法可以返回指定标签名的对象的集合 document.getElementsByTagName(‘标签名’); 因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历 得到元素对象是动态..原创 2020-07-01 18:12:45 · 141 阅读 · 0 评论