在 HTML 中有许多元素都有下划线的样式,比如链接、code
、emphasize等等。但是在 HTML 中文字没有下划线,所以如果我们想加下划线,就需要使用CSS或者JavaScript来实现。
那么如何用JavaScript来在文字下方插入下划线呢?我们可以借助一些CSS的技巧,比如使用text-decoration
属性来给文字添加下划线,但是同时将text-decoration
的值设置为none
,然后再用伪元素::after
来给文字添加一条下划线。具体代码如下:
const elements = document.getElementsByTagName('span');for (let i = 0; i < elements.length; i ) {