Получить текстовый контент в css после
Учитывая этот HTML:
<span data-title = "Attribution">test</span>
Я могу использовать в CSS after для получения data-title
span:after{ content: attr(data-title); }
Но что мне нужно, так это текстовое содержимое диапазона, в приведенном выше примере test, можно ли получить его в CSS after?
Я пытаюсь добавить всплывающую подсказку, так как текст может быть слишком длинным, и я его обрезаю
поэтому вы добавляете текст как атрибут ... вы используете before для отображения усеченного текста и after для всплывающей подсказки
Я не могу изменить HTML, иначе я бы использовал title
поэтому вам нужно добавить все эти детали в свой вопрос, чтобы сделать его точным и получить хороший ответ. На самом деле то, что вы описали в комментариях, отличается от вашего вопроса.
Ответы 1
Я не знаю способа получить внутренний текст элемента html через CSS. В какой-то момент необходимо будет использовать Javascript, однако вы можете, например, использовать Javascript для установки атрибута для своего диапазона и использовать CSS для чтения этого атрибута -
var elems = document.getElementsByTagName("span");
for(var i = 0; i < elems.length; i++) {
var mytext = elems[i].innerText;
elems[i].dataset.trunc = mytext;
}span:before {
content: attr(data-trunc);
color: red;
}<span>Some-Text</span>
<span>More-Text</span>
<span>Other-Text</span>
нет, невозможно. А зачем он вам в
after, ведь он там уже есть?