我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

李扬敏-20221110-dom

[复制链接]
王源的李可爱 发表于 2022-11-10 00:09:11 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一。今日学习内容
1.自定义属性
H4
获取自带属性:dom.属性名
修改自带属性:dom.属性名=‘新的属性值’
获取自定义属性:dom.getAttribute(‘属性’)
修改自定义属性:dom.setAttribute(‘属性’,‘属性值’)
H5(定义:data-属性=‘属性值’)
获取自定义属性:dom.dataset.属性
设置自定义属性:dom.dataset.属性=新的值
2.节点操作
1特殊节点
body=document.body;
html.document.documentElement
2父节点
parentNode:父级(可向上多层)
closest(‘选择器’):向上查找,找离自己最近的祖先元素
3子节点
firstChildlastChildchildNodes:不一定是html节点,可能是本文节点,空格,回车,文本内容
children:子节点(集合--非数组-需要for遍历),不会受空格,回车影响
dom节点(不受空格回车影响),子节点
firstElementChild
lastElementChild
4兄弟节点
文本标签--text
nextSibling:上一个节点
previousSibling:下一个节点
dom节点--标签
nextElementSibling:下一个节点(不受空格回车影响)
previousElementSibling:上一个节点(不受空格回车影响))
5创建节点
document.createElenment();创建节点
6添加节点
appendChild();添加节点,添加到父节点的最后,结束标签之前
父节点.insertBefore(要添加的节点,要添加的后面的位置);插入到指定位置
7删除节点
removeChild();
3.阻止a标签默认事件
<a href="javascript"></a>
点击事件添加方法:e.preventDefault()----阻止a标签默认跳转事件

回复

使用道具 举报

关注0

粉丝0

帖子58

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026