菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 康利-20221109-DOM&BOM03 [打印本页]

作者: 智商不在服务区 时间: 2022-11-9 23:38
标题: 康利-20221109-DOM&BOM03
一、学习内容：
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();

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)