javascript - 添加图片以读取更多下拉菜单

我想知道如何为此脚本添加下拉图像。

 <a onclick="showMoreOrLess(this,'restOfArticle');">+Sign In </a>
 <span id="restOfArticle" style="display:none"> </span>

脚本

<script>function showMoreOrLess(thisObj, bonusContent) {
var caption = thisObj.innerHTML;
//alert(caption);
if (caption == "+Sign In") {
    document.getElementById(bonusContent).style.display = "inline";
    thisObj.innerHTML = "-Sign In";
} else {
    document.getElementById(bonusContent).style.display = "none";
    thisObj.innerHTML = "+Sign In";
}
}
</script>

我想用小图像图标替换+和-，怎么办？

最佳答案

删除+或-符号。将一个类添加到 anchor ，然后使用:before伪选择器。

HTML

<a class="icon-left" onclick="showMoreOrLess(this,'restOfArticle');">Sign In </a>

CSS

.icon-left::before {
  content: url('Icon image URL here');
}

关于javascript - 添加图片以读取更多下拉菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30252598/