详解html结构之间的各个关系,层级关系(以列表为例)

最新推荐文章于 2024-06-16 06:55:19 发布

l_ng

最新推荐文章于 2024-06-16 06:55:19 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/qq_44783283/article/details/103098348

版权

本文详细探讨了HTML中元素之间的结构关系，以列表为例，讲解了节点的层级关系，包括父节点、子节点、兄弟节点。同时阐述了nodeType的不同类型，如元素节点（1）、属性节点（2）和文本节点（3），并提到了firstChild、lastChild、firstElementChild和lastElementChild等属性在获取元素节点时的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>层级关系查找元素</title>
	</head>
	<body>
		<div id = "div">
			hello
			<ul id = "">
				<li>li1</li>
				<li>li2</li>
				<li>li3</li>
				<li>li4</li>
			</ul>
			
		</div>
		
		<br />
		
		<ul id = "ul">
			<li>li1</li>
			<li>li2<