Question

我有以下问题：

我的JavaScript代码以这种方式显示显示值：

d3.select("#" + uiElement).html("")
                        .append("span").attr("class", "displayvalue").html(stringToUse);

stringtoUse是要显示的值，我的问题是为该字符串加下划线，但有时候，它不需要强调所有字符串，但除了第一个字符之外的所有字符串。在您看来，最好的方法是什么？

Answer 1

使用CSS first-letter伪元素。将所有文本加下划线，然后将css应用于：

#element::first-letter
{ 
text-decoration:none !important:
}

Reference要使用。

通过简单的纯javascript：

var text = document.getElementById("element").innerHTML;
document.getElementById("element").innerHTML = text.substring(0,1)+"<u>"+text.substring(1)+"</u>";

Answer 2

这将允许您直接使用CSS格式化任何javascript innerHTML，而无需在javascript中烦恼：

javascript：

function test(){
document.getElementById('pp').innerHTML = 'here is pp';
document.getElementById('qq').innerHTML = 'here is qq';
}

HTML：

<p style = 'whatever'>
<a id = 'pp'></a>
<a id = 'qq' style = 'color:red; text-decoration: underline;' ></a>
</p>
  <script>
  test()
  </script>

无论有没有像<p>这样的包装器，都可以使用。

在String中为一些字符加下划线

2 个答案: