节点的层次操作

本文介绍了HTML节点的概念,包括节点层次关系、属性以及如何通过示例代码获取节点。讲解了节点的子元素与子节点的区别,并展示了如何在代码中获取同一节点的不同方式,以及相邻节点的操作方法。

节点层次关系

在这里插入图片描述

节点的属性

在这里插入图片描述

节点演练

示例代码

<section id="news">
    <header>京东快报<a href="#">更多 > </a></header>
    <ul>
        <li><a href="#">志玲姐姐:墨镜30030</a></li>
        <li><a href="#">京东无锡馆正式启动</a></li>
        <li><a href="#">99元抢平板!品牌配件199-100</a></li>
        <li><a href="#">节能领跑京东先行</a></li>
        <li><a href="#">高洁丝实力撩货,领券五折</a></li>
    </ul>
</section>

获取news节点
在这里插入图片描述

获取子元素与子节点

在这里插入图片描述

  • 子元素与子节点的区别?

获取一个节点
分别从两个集合中获取同一个节点
在这里插入图片描述

获取下一个节点
在这里插入图片描述

  • 区分两个下一个有什么区别
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲸鱼编程pyhui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值