![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
DOM
DOM学习
阿争要努力
这个作者很懒,什么都没留下…
展开
-
JavaScript中元素创建的三种方式及区别比较
目录document.write()element.innerHTMLdocument.createElement()element.innerHTML与document.createElement() 效率比较document.write()document.write() 是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘。<div>123</di...原创 2020-04-24 22:47:32 · 254 阅读 · 0 评论 -
DOM学习——js注册(绑定)事件、删除(解绑)事件的三种方式及兼容性解决
目录注册事件(绑定事件)1.传统方式2.方法监听注册方式删除(解绑)事件常用的鼠标事件常用的键盘事件二级目录三级目录注册事件(绑定事件)给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式1.传统方式利用on开头的事件 比如:onclickbtn.onclick = function (){}特点:注册事件的唯一性:同一元素同一事件只能设...原创 2020-04-23 21:24:48 · 3014 阅读 · 0 评论 -
DOM学习——创建、添加、删除、复制(克隆)节点
目录添加新元素:创建+添加节点创建节点添加节点删除节点添加新元素:创建+添加节点创建节点document.createElement(‘tagName’) 创建有tagName 指定的HTML元素,因为这些元素原先不存在,是根据我的需求动态生成的,所以,我们也称为动态创建元素节点。添加节点在子节点后追加元素:node.appendChild(child) node-父级 child-子...原创 2020-04-20 20:49:46 · 624 阅读 · 0 评论 -
DOM学习——DOM获取页面元素对象的方式总结
目录一、为什么要获取元素二、DOM获取元素的方式1.通过DOM提供的方法获取元素①通过id获取②通过标签名tagName获取③通过类名class获取④通过name获取⑤通过选择器获取⑥特殊元素获取--body、html2.利用节点层级关系获取元素①节点概述②获取父级节点③获取子节点总结一、为什么要获取元素在页面中,我们通常要对一些元素进行操作,比如点击更换页面背景、修改文字内容等,这是需要先获...原创 2020-04-20 15:54:15 · 722 阅读 · 1 评论