在HTML页面里面，如果两个或以上的标签的ID重复了，会出现什么问题？

发布网友发布时间：2022-04-20 16:23

共5个回答

懂视网时间：2022-04-20 20:44

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
	<div ng-app="" ng-init="names=['Jani','Hege','Kai']">
		<p>使用ng-repeat来循环数组</p>
		<ul>
			<li ng-repeat="name in names">
				{{name}}
			</li>
		</ul>
	</div>
</body>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</html>

更多重复 HTML 元素相关文章请关注PHP中文网！

热心网友时间：2022-04-20 17:52

在css里的话，如果用了两个相同的ID，那么他们的样式是相同的。

在javascript，如果要对该id对象进行操作，可能会出错。因为有两个相同id的对象。比如取值的话。。

热心网友时间：2022-04-20 19:10

两个div都能呈现#id1定义的样式是因为浏览器容错性好，浏览器猜测你可能希望两个div都是这样的css，但不代表这么写是对的。万一碰上个容错性不好的浏览器你网页就崩了。
正确的写法是，如果有多个元素应用同样css的需求，要使用类class属性来做。
id必须唯一。

热心网友时间：2022-04-20 20:45

不会出现问题啊。他只会调用ID1的CSS。

热心网友时间：2022-04-20 22:36

不是没什么问题吗，那还有什么问题呀？呵呵