Question

<span class="score" title="286 up, 34 down">252</span>

他只显示252.我如何编辑他所显示的＆＃34; 286 up，34 down＆＃34;太？

这不是我的网站。这将是一个模组。我认为使用CSS Mod＆＃34; Stylish＆＃34;无法做到这一点。或者我错了吗？

我想我必须写一个Javascript Mod。这可能吗？

感谢您的回答。

P.S。请不要提供代码解决方案。我想自己写。我只想知道我必须编写哪种编程语言，这是可能的。

Answer 1

使用::before伪选择器和CSS content使用attr()。顺便说一句，您还应该使用data来获取这样的自定义属性：

<span class="score" data-title="286 up, 34 down">252</span>

你并不想要一个代码解决方案，但我不会想通过向你展示这个CSS来破坏它：

.score::before{
  content:attr(data-title);
}

Answer 2

首选在自定义HTML属性之前使用前缀数据 - ，以避免将来出现问题。在实现你想要的方式上，正是 Ilpo Oksanen 所说的：

.score:before {
  content: attr(title);
}

jsfiddle：http://jsfiddle.net/04ogmkwr/

另一种方式（如果你想保留252并附加title属性值）是使用javascript：

(function(){
    var element = document.getElementsByClassName('score')[0];
    var title = element.attributes.getNamedItem('title');
    element.innerHTML = element.innerHTML + ': ' + title.value;
})();

如果屏幕上有多个元素，那么只需为（...）

制作
jsfiddle：http://jsfiddle.net/adhLtpwL/

Answer 3

使用伪元素（例如.score：after

）检出生成的内容

使用内容规则，您可以使用title属性的值。

https://developer.mozilla.org/en-US/docs/Web/CSS/content

查看示例语法的第16行。

从span class获取信息（网站开发）

3 个答案: