📅 最后修改于: 2023-12-03 14:51:48.620000 🧑 作者: Mango
在HTML中，链接通常都会有下划线，这是在标记语言中的一种约定。但有时，我们可能想要去除下划线，以便使链接看起来更加清晰或美观。
一种最常见的方法是使用CSS样式来去除下划线。我们可以使用text-decoration属性并将其设置为none。
a {
text-decoration: none;
}
此样式将应用于所有链接，从而去除下划线。如果只想将其应用于特定链接，则可以使用类选择器或ID选择器来指定链接。
a.no-underline {
text-decoration: none;
}
<a href="#" class="no-underline">Link without underline</a>
要在HTML标记中删除下划线，可以使用行内样式。这可以在单个链接上覆盖默认下划线样式。
<a href="#" style="text-decoration: none;">Link without underline</a>
此样式将应用于单个链接。
使用JavaScript，可以在页面加载时查找所有链接并将其下划线删除。这适用于要将样式应用于所有链接的情况。
<!DOCTYPE html>
<html>
<head>
<title>Remove underline from links in HTML using JavaScript</title>
</head>
<body>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<script type="text/javascript">
var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++) {
links[i].style.textDecoration = "none";
}
</script>
</body>
</html>
这里的JavaScript代码使用getElementsByTagName()方法找到页面上的所有链接，然后将它们的下划线删除。
以上是在HTML中删除链接下划线的三种方法：使用CSS样式、使用行内样式和使用JavaScript。你可以根据不同的场景选择合适的方法来去除下划线。