一、学习内容：
1.自定义属性
dom.dataset====>所有的自定义属性
dom.dataset.age
dom.dataset.age=新的值
2.节点操作
body:document.body
html:document.documentElement
parentNode---父节点会受到空格，回车的影响---可以获取到文本节点
firstChild
lastChild
childNodes
children 所有的子节点--不会受到空格回车的影响
closest('选择器') 向上查找，查找到选择器匹配上位置，离自己最近的
不会受到空格回车的影响，子节点--dom节点--标签节点
firstElementChild
lastElementChild
创建节点let p = document.createElement('p');
添加节点box.appendChild(p);
在某个标签的节点之前添加标签 body.insertBefore(p, btn);把p的dom节点放在btn节点的前面
删除节点body.removeChild(box);
3.阻止a标签默认跳转事件
方法一<a href="javascript:;">去百度</a>
方法二const a = document.querySelector('a');
a.addEventListener('click', function (e) {
e.preventDefault();
|
