web前端学习（六）—— HTML中元素的id属性、div和span布局

最新推荐文章于 2024-06-28 16:38:03 发布

web前端大师

最新推荐文章于 2024-06-28 16:38:03 发布

阅读量2.6k

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/m0_55637498/article/details/121846502

版权

本文介绍了HTML中id属性的重要性和唯一性，强调其在JavaScript操作DOM中的作用。接着讨论了div和span在现代网页布局中的应用，解释了它们作为布局图层的特性，以及div占据整行而span不独占一行的区别。

摘要由CSDN通过智能技术生成

一、id属性

1、在HTML文档中，任何元素（节点）都有id属性，id属性是该节点的唯一标识，所以在同一个HTML文档中id值不能重复
2、注意：表单提交数据的时候，只和name有关系，和id无关
3、id有什么用？
       javascript语言可以对HTML文档中的任意节点进行增删改，那么在增删改之前需要先拿到这个节点，通常我们通过id来拿节点对象
       id的存在让我们获取元素（节点）更方便
4、HTML文档是一颗树，树上有很多节点，每一个节点都有唯一的id
       javascript语言就是主要就是对这颗DOM树上的节点进行增删改
DOM(Document 文档)树

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML中元素的id属性</title>
	</head>
	<body>
		<form id="myform">
			<input type="text" id="username" name="username">
			<input type="password" id="userpwd" name="userpwd">
		</form>
	</body>
</html>