介绍
在HTML中，文本的下划线默认情况下是不可去除的。但是有时候，我们需要对文本进行美化，去掉下划线可能是一个不错的选择。那么，在本文中，我们将讨论如何去除HTML文本中的下划线。
使用CSS去除下划线
通常情况下，我们可以使用CSS来去除HTML文本中的下划线。CSS提供了多种方式来实现这一目标。
使用text-decoration属性
我们可以使用CSS中的text-decoration属性来去除文本中的下划线。该属性有以下几个值：
none：去除所有文本修饰。
underline：对文本进行下划线修饰。
overline：对文本进行上划线修饰。
line-through：对文本进行删除线修饰。
下面是一个例子，展示如何去除文本中的下划线：
<style>
.no-underline {
text-decoration: none;
}
</style>
<p class="no-underline">去除下划线</p>
在上面的代码中，我们定义了一个类名为no-underline，然后使用text-decoration:none;属性将文本的下划线去除。
使用border-bottom属性
我们还可以使用CSS中的border-bottom属性来去除HTML文本中的下划线。将border-bottom属性的宽度设置为0可以去除下划线。
下面是一个例子，展示如何使用border-bottom属性去除文本中的下划线：
<style>
.no-underline {
border-bottom: 0;
}
</style>
<p class="no-underline">去除下划线</p>
在上面的代码中，我们定义了一个类名为no-underline，然后使用border-bottom:0;将文本的下划线去除。
使用JavaScript去除下划线
除了使用CSS外，我们还可以使用JavaScript来去除HTML文本中的下划线。以下是一个通过JavaScript去除下划线的例子：
<script>
function removeUnderline() {
var elements = document.getElementsByTagName("a");
for(var i=0; i<elements.length; i++) {
elements[i].style.textDecoration = "none";
}
}
</script>
上面的代码中，我们使用了document.getElementsByTagName()方法来获取页面中的所有链接。然后，我们使用循环来遍历这些链接，并使用JavaScript的style.textDecoration属性将其下划线去除。
总结
在本文中，我们介绍了两种方法来去除HTML文本中的下划线：使用CSS和使用JavaScript。使用CSS可以很容易地去除下划线，而使用JavaScript可能需要更多的代码。