html下划线怎么去除？

使用text-decoration即可去掉下划线，具体 *** 作方法如下。

设备：戴尔电脑

系统：win10

软件：html文件

1、首先打开电脑之后，新建一个html文件，输入html网页的结构，如下图所示。

2、然后在body标签中添加a标签，在a标签里输入文字，如下图所示。

3、这时可以看到a标签是默认带有下划线的，想要去掉下划线，只要给a标签添加一个texte-decoration样式就可以删除，如下图所示。

4、删除完成之后，最后保存文件，运行网页查看结果，已去除下划线，如下图所示。

取a标签的text文本需要用到innerText；

实现思路：

方式一：input设置ID，当点击a标签时取a标签的文本并赋给input。

方式二：点击a标签时，执行onclick事件时，把值直接传给js函数，取到值后赋给input。

以下方式一实现代码，方式二的不写了。供参考。

<script language="javascript">

function gettext(obj) {

document.getElementById('inputval').value=obj.innerText

}

</script>

<input type="text" id="inputval" name="inputval" />

<br>

<a href="#" onclick="gettext(this)">111</a>

<a href="#" onclick="gettext(this)">222</a>

<a href="#" onclick="gettext(this)">333</a>

---