我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

裴虎伟-前端(20)_20221209

[复制链接]
faith学员认证 发表于 2023-1-5 19:33:57 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日所学内容
1、排他思想
(1)概念:排他思想是为一组同类型元素中的某一个元素设置样式时,采用的一种特定顺序
(2)优势:适用于多个同类型元素设置样式或者效果的情况,避免为单个元素重复设置相同样式,可以有效显示出用户操作下某一元素的改变
(3)步骤:
为全部元素设置一般效果;
为特定元素设置特定效果
2、节点
(1)html文档中,每一个成员都是一个节点对象,节点对象具有自己的属性和方法
(2)特殊节点
获取html节点
varhtml=document.documentElement;
获取body节点
varbody=document.body;

(3)子节点找父节点
子找父:parentNode
closest方法:向上查找一层一层往上找,如果找到了就停下来使用,如果找不到就返回null;找的是离自己最近的父级节点;
(4)父节点找子节点
会受到空格和回车的影响
列表中的第一个节点:firstChild
列表中的最后一个节点:lastChild
所有的子节点:childNodes


不会受到空格和回车影响
firstElementChild---第一个子节点
lastElementChild---最后一个子节点
children---全部子节点

(5)兄弟节点
nextElementSibling---下面兄弟节点
previousElementSibling---上面兄弟节点

(6)新增节点
创建节点:document.createElement('tagName');tagName:标签名

插入节点:
appendChild(插入的节点)--后面追加
insertBefore(插入的节点,指定节点)--插入指定节点前面

(7)删除节点
removeChild(要删除的子节点);
回复

使用道具 举报

关注0

粉丝0

帖子93

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

客服电话:18009298968

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

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

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