一. 选择器
- getElementsByclassName()
- getElementByTagName()
- getElementById()
二. js事件
1. 自定义事件
- addEventListener(事件,方法,是否冒泡)
- removeEventListener(事件,方法,是否冒泡)
2. 阻止事件冒泡和捕获
3. 阻止浏览器默认行为
- preventDefault()
如:点击链接跳转、右击菜单、表单自动提交
4. 特殊的 return false
- event.preventDefault() – 它停止浏览器的默认行为。
- event.stopPropagation() – 它阻止事件传播(或“冒泡”)DOM。
- 停止回调执行并立即返回
三. dom基本方法加实例
1. 创建dom
let para=createElement("p")
let node=createTextNode("内容")
para.appendChild(node)
let parent=para.parentNode
para.remove(boolen)
para1=para.cloneNode()
para.replaceChild(para1,para)
parent.appendChild(子节点)
para.style.backgroundColor="#fff"
para.style.display="block"
el.style.cssText = 'border-left: 1px; border-right: 2px; padding: 5px;';
let dom1=e.currentTarget
let offsetleft=dom1.offsetWidth
let offsettop=dom1.offsetHeight
let offsetleft=dom1.clientWidth
let offsettop=dom1.clientHeight
let left1=para.clientWidth