Question

如何在带有CSS或JavaScript的按钮上显示来自title标签的alt标签的文本？像这样的东西

document.getElementById("myBtn").value="MyNewValue";

但是如何获取此按钮的ID？

这些按钮是社交登录按钮，你可以在这里看到它们：

Virtual Forms Framework login

Answer 1

您必须添加一些JavaScript代码才能实现此目的。检查以下代码段：

if (num < 5) {
    console.log("Tiny");
} else if (num < 10) {
    console.log("small");
} else {
    console.log("Change Me");
}

$('.the_champ_login_ul li').each(function(index) {
  $('<span>' + $(this).find('i').attr('alt') + '</span>').insertAfter($(this).find('i ss'));
});

.theChampLogin {
  width: 100%;
  display: block;
}

.theChampFacebookBackground {
  background-color: #3C589A;
}

.theChampFacebookLoginSvg {
  background: url(//login.create.net/images/icons/user/facebook_30x30.png) left no-repeat;
}

.theChampTwitterLoginSvg {
  background: url(//login.create.net/images/icons/user/twitter-b_30x30.png) left no-repeat;
}

.theChampLoginSvg {
  height: 100%;
  width: 35px;
  display: inline-block;
}

.theChampLogin {
  padding: 0!important;
  margin: 2px;
  height: 35px;
  float: left;
  cursor: pointer;
  border: none;
}

ul.the_champ_login_ul li i span {
  font-style: normal;
  display: inline-block;
  color: #fff;
  line-height: normal;
  vertical-align: top;
  padding-top: 10px;
}

ul.the_champ_login_ul {
  list-style: none!important;
  padding-left: 0!important;
}

.theChampTwitterBackground {
  background-color: #55acee;
}

Answer 2

img标签是自动关闭<tag />标签，因此它们不包含“内容”。由于它们不包含任何内容，因此不能在之前或之前::之前附加内容。它不可能使用css

将“alt”显示为“content”

在带有CSS的按钮上显示来自标题标签的alt标签的文本

2 个答案: